/* Theme Name: Web Revolution Theme URI: https://www.webrevolution.co.nz Description: Responsive template for Web Revolution Version: 17032022 Author: Web Revolution Author URI: https://www.webrevolution.co.nz Tags: super, awesome, cool, sweet */ /*-------------------------------------------------------------- # CSS Reset --------------------------------------------------------------*/ 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-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-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}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 heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-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-duration:.75s;animation-duration:.75s;-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:translateZ(0);transform:translateZ(0)}}@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:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@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:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@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:translateZ(0);transform:translateZ(0)}}.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-duration:.75s;animation-duration:.75s;-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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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-duration:.75s;animation-duration:.75s;-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-animation-duration:.75s;animation-duration:.75s;-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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.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%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;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%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;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%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;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%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;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%{-webkit-transform-origin:top left;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);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}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%{-webkit-transform-origin:top left;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);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}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-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-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:translateZ(0);transform:translateZ(0)}}@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:translateZ(0);transform:translateZ(0)}}.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%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}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}.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.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ /* .slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} */ /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ *:focus { outline: 0; } html { background: #fff; } html, body { overflow-x: hidden; } html { box-sizing: border-box; font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } *, *:before, *:after { box-sizing: inherit; } body { color: #404041; font: 16px/1.9 'Montserrat', sans-serif; } hr { border: 0; height: 1px; clear: both; display: block; margin-top: 35px; margin-bottom: 35px; background: #e8e8e8; } ul, ol { margin: 0 0 1em 15px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; } li { margin-bottom: 5px; } /*-------------------------------------------------------------- ## Container Width --------------------------------------------------------------*/ #page-wrap { background: #fff; } .full-width { width: 100%; float: left; min-width: 320px; position: relative; } .wrapper { margin: 0 auto; min-width: 320px; max-width: 1260px; padding: 35px 15px; position: relative; } .wrapper.wrapper-padding-zero { padding-top : 0; padding-bottom: 0; } .wrapper.wrapper-top-padding-zero { padding-top: 0; } .wrapper.wrapper-bottom-padding-zero { padding-bottom: 0; } body.page-template-page-edge-width-no-padding #content-wrap { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .inner-width { width: 100%; position: relative; } .center-align-container { margin-left: auto !important; margin-right: auto !important; } .max-width-50 { max-width: 50px !important; } .max-width-100 { max-width: 100px !important; } .max-width-150 { max-width: 150px !important; } .max-width-200 { max-width: 200px !important; } .max-width-250 { max-width: 250px !important; } .max-width-300 { max-width: 300px !important; } .max-width-350 { max-width: 350px !important; } .max-width-400 { max-width: 400px !important; } .max-width-450 { max-width: 450px !important; } .max-width-500 { max-width: 500px !important; } .max-width-550 { max-width: 550px !important; } .max-width-600 { max-width: 600px !important; } .max-width-650 { max-width: 650px !important; } .max-width-700 { max-width: 700px !important; } .max-width-750 { max-width: 750px !important; } .max-width-800 { max-width: 800px !important; } .max-width-810 { max-width: 810px !important; } .max-width-820 { max-width: 820px !important; } .max-width-850 { max-width: 850px !important; } .max-width-900 { max-width: 900px !important; } .max-width-950 { max-width: 950px !important; } .max-width-1000 { max-width: 1000px !important; } .max-width-1050 { max-width: 1050px !important; } .max-width-1100 { max-width: 1100px !important; } .max-width-1150 { max-width: 1150px !important; } .max-width-1200 { max-width: 1200px !important; } .max-width-1230 { max-width: 1230px !important; } .max-width-1250 { max-width: 1250px !important; } .max-width-1260 { max-width: 1260px !important; } .max-width-1300 { max-width: 1300px !important; } .max-width-1350 { max-width: 1350px !important; } .max-width-1400 { max-width: 1400px !important; } .max-width-1450 { max-width: 1450px !important; } .max-width-1500 { max-width: 1500px !important; } .max-width-1550 { max-width: 1550px !important; } .max-width-1600 { max-width: 1600px !important; } /*-------------------------------------------------------------- # Clearings & Spacing --------------------------------------------------------------*/ ul, form, .clearfix, .nav-links, .gform_fields, .gform_footer, .ginput_container { *zoom: 1; } ul:before, ul:after, form:before, form:after, .clearfix:before, .clearfix:after, .nav-links:before, .nav-links:after, .gform_fields:before, .gform_fields:after, .gform_footer:before, .gform_footer:after, .ginput_container:before, .ginput_container:after { content: ""; display: table; line-height: 0; } ul:after, form:after, .nav-links:after, .clearfix:after, .gform_fields:after, .gform_footer:after, .ginput_container:after {clear: both;} .clear-both {clear: both;} .clear-left {clear: left;} .clear-right {clear: right;} .float-left {float: left;} .float-right {float: right;} .display-block {display: block;} .display-none {display: none;} .display-inline-block {display: inline-block;} .margin-top-zero { margin-top: 0 !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-45 { margin-top: 45px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-55 { margin-top: 55px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-top-65 { margin-top: 65px !important; } .margin-top-70 { margin-top: 70px !important; } .margin-top-75 { margin-top: 75px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-top-85 { margin-top: 85px !important; } .margin-top-90 { margin-top: 90px !important; } .margin-top-95 { margin-top: 95px !important; } .margin-top-100 { margin-top: 100px !important; } .margin-bottom-zero { margin-bottom: 0 !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-45 { margin-bottom: 45px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-55 { margin-bottom: 55px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-65 { margin-bottom: 65px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-75 { margin-bottom: 75px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-85 { margin-bottom: 85px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-bottom-95 { margin-bottom: 95px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .margin-left-zero { margin-left: 0 !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-25 { margin-left: 25px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-35 { margin-left: 35px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-45 { margin-left: 45px !important; } .margin-left-50 { margin-left: 50px !important; } .margin-left-55 { margin-left: 55px !important; } .margin-left-60 { margin-left: 60px !important; } .margin-left-65 { margin-left: 65px !important; } .margin-left-70 { margin-left: 70px !important; } .margin-left-75 { margin-left: 75px !important; } .margin-left-80 { margin-left: 80px !important; } .margin-left-85 { margin-left: 85px !important; } .margin-left-90 { margin-left: 90px !important; } .margin-left-95 { margin-left: 95px !important; } .margin-left-100 { margin-left: 100px !important; } .margin-right-zero { margin-right: 0 !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-25 { margin-right: 25px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-35 { margin-right: 35px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-45 { margin-right: 45px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-right-55 { margin-right: 55px !important; } .margin-right-60 { margin-right: 60px !important; } .margin-right-65 { margin-right: 65px !important; } .margin-right-70 { margin-right: 70px !important; } .margin-right-75 { margin-right: 75px !important; } .margin-right-80 { margin-right: 80px !important; } .margin-right-85 { margin-right: 85px !important; } .margin-right-90 { margin-right: 90px !important; } .margin-right-95 { margin-right: 95px !important; } .margin-right-100 { margin-right: 100px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-45 { padding-top: 45px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-top-55 { padding-top: 55px !important; } .padding-top-60 { padding-top: 60px !important; } .padding-top-65 { padding-top: 65px !important; } .padding-top-70 { padding-top: 70px !important; } .padding-top-75 { padding-top: 75px !important; } .padding-top-80 { padding-top: 80px !important; } .padding-top-85 { padding-top: 85px !important; } .padding-top-90 { padding-top: 90px !important; } .padding-top-95 { padding-top: 95px !important; } .padding-top-100 { padding-top: 100px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-35 { padding-bottom: 35px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-45 { padding-bottom: 45px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-55 { padding-bottom: 55px !important; } .padding-bottom-60 { padding-bottom: 60px !important; } .padding-bottom-65 { padding-bottom: 65px !important; } .padding-bottom-70 { padding-bottom: 70px !important; } .padding-bottom-75 { padding-bottom: 75px !important; } .padding-bottom-80 { padding-bottom: 80px !important; } .padding-bottom-85 { padding-bottom: 85px !important; } .padding-bottom-90 { padding-bottom: 90px !important; } .padding-bottom-95 { padding-bottom: 95px !important; } .padding-bottom-100 { padding-bottom: 100px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-25 { padding-left: 25px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-35 { padding-left: 35px !important; } .padding-left-40 { padding-left: 40px !important; } .padding-left-45 { padding-left: 45px !important; } .padding-left-50 { padding-left: 50px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-60 { padding-left: 60px !important; } .padding-left-65 { padding-left: 65px !important; } .padding-left-70 { padding-left: 70px !important; } .padding-left-75 { padding-left: 75px !important; } .padding-left-80 { padding-left: 80px !important; } .padding-left-85 { padding-left: 85px !important; } .padding-left-90 { padding-left: 90px !important; } .padding-left-95 { padding-left: 95px !important; } .padding-left-100 { padding-left: 100px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-25 { padding-right: 25px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-right-35 { padding-right: 35px !important; } .padding-right-40 { padding-right: 40px !important; } .padding-right-45 { padding-right: 45px !important; } .padding-right-50 { padding-right: 50px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-60 { padding-right: 60px !important; } .padding-right-65 { padding-right: 65px !important; } .padding-right-70 { padding-right: 70px !important; } .padding-right-75 { padding-right: 75px !important; } .padding-right-80 { padding-right: 80px !important; } .padding-right-85 { padding-right: 85px !important; } .padding-right-90 { padding-right: 90px !important; } .padding-right-95 { padding-right: 95px !important; } .padding-right-100 { padding-right: 100px !important; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: 700; margin-bottom: 16px; } h1 { font-size: 60px; } h2 { font-size: 48px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 20px; } p { margin-bottom: 1em; } b, strong { font-weight: 600; } dfn, cite, em, i { font-style: italic; } .font-style-italic { font-style: italic; } .font-weight-100 { font-weight: 100; } .font-weight-200 { font-weight: 200; } .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } .font-weight-800 { font-weight: 800; } .font-weight-900 { font-weight: 900; } .font-size-12 { font-size: 12px; } .font-size-14 { font-size: 14px; } .font-size-16 { font-size: 16px; } .font-size-17 { font-size: 17px; } .font-size-18 { font-size: 18px; } .font-size-19 { font-size: 19px; } .font-size-20 { font-size: 20px; } .font-size-21 { font-size: 21px; } .font-size-22 { font-size: 22px; } .font-size-24 { font-size: 24px; } .font-size-26 { font-size: 26px; } .font-size-28 { font-size: 28px; } .font-size-30 { font-size: 30px; } .font-size-32 { font-size: 32px; } .font-size-34 { font-size: 34px; } .font-size-36 { font-size: 36px; } .font-size-38 { font-size: 38px; } .font-size-40 { font-size: 40px; } .text-align-center, .text-align-center h2, .text-align-center h3, .text-align-center h4, .text-align-center h5, .text-align-center h6, .text-align-center .vc_align_left, .text-align-center .vc_align_right, .text-align-center.vc_custom_heading, .text-align-center .vc_custom_heading { text-align: center !important; } .text-align-justify, .text-align-justify h2, .text-align-justify h3, .text-align-justify h4, .text-align-justify h5, .text-align-justify h6, .text-align-justify .vc_align_left, .text-align-justify .vc_align_right, .text-align-justify.vc_custom_heading, .text-align-justify .vc_custom_heading { text-align: justify !important; } .text-color-white, .text-color-white a, .text-color-white h1, .text-color-white h2, .text-color-white h3, .text-color-white h4, .text-color-white h5, .text-color-white h6 { color: #fff !important; } .text-color-white a:hover { text-decoration: underline; } #archive-intro *:last-child, .archive-description *:last-child, .widget .textwidget *:last-child, .widget_categories *:last-child, .widget_nav_menu div *:last-child, .testimonial-feed-excerpt *:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Links --------------------------------------------------------------*/ a { color: #3d9842; text-decoration: none; } a:hover { color: #000; } .has-black-link-color a { color: #404041; } .has-black-link-color a:hover { color: #3d9842; } .green-border-btn a, .green-border-btn-with-download-icon a { font-size: 18px; font-weight: 500; padding: 10px 35px; position: relative; display: inline-block; border: 1px solid #3d9842; } .solid-green-btn a { color: #000; font-size: 18px; font-weight: 500; padding: 12px 45px; display: inline-block; background: #3d9842; border-radius: 30px; } .solid-green-btn a:hover { color: #fff; background: #000; } .green-border-btn-with-download-icon a { line-height: 1.4; max-width: 300px; padding-right: 57px; } .green-border-btn-with-download-icon a:hover { color: #fff; background: #3d9842; } .full-width-pdf-link a { display: block; position: relative; padding-right: 30px; } /*-------------------------------------------------------------- ## Social Links Menu --------------------------------------------------------------*/ .menu-social-links-menu-container ul, .menu-social-links-menu-container li { margin: 0; list-style: none; } .menu-social-links-menu-container ul { font-size: 0; margin-top: -5px; } .menu-social-links-menu-container li { overflow: hidden; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; } .menu-social-links-menu-container li { margin-top: 5px; margin-right: 10px; } .menu-social-links-menu-container li:last-child { margin-right: 0; } .menu-social-links-menu-container li a { width: 40px; height: 40px; display: block; overflow: hidden; background: #fff; text-indent: 100%; position: relative; white-space: nowrap; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Site notification --------------------------------------------------------------*/ #site-notification-wrap { padding-top: 15px; padding-bottom: 15px; } #site-notification a:hover { text-decoration: underline; } #site-notification-inner *:last-child { margin-bottom: 0; padding-bottom: 0; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ #header-wrap { max-width: 1380px; } #header-logo { width: 100%; height: auto; max-width: 300px; } #header-wrap { padding: 15px 0; } .header-column { padding-left: 15px; padding-right: 15px; } #header-columns { display: flex; align-items: center; } #header-column-1 { display: flex; align-items: center; } #header-column-2 { flex-grow: 1; } #nz-made-logo { max-width: 65px; margin-left: 50px; } /*-------------------------------------------------------------- ## Main Menu --------------------------------------------------------------*/ #navbar { float: right; } #navbar ul, #navbar li { margin: 0; list-style: none; } #navbar li, #navbar a { position: relative; } #navbar ul { font-size: 0; } #navbar .main-list-wrap > li { margin-right: 15px; display: inline-block; } #navbar .main-list-wrap > li:last-child { margin-right: 0; } #navbar a { display: block; font-size: 17px; font-weight: 500; color: #404041; } #navbar .main-list-wrap > li > a { padding: 20px 0; } #navbar .main-list-wrap > li:hover > a, #navbar .main-list-wrap > li.current-menu-item > a, #navbar .main-list-wrap > li.current-menu-ancestor > a { color: #3d9842; } #navbar .main-list-wrap > li > ul { left: -15px; z-index: 999; display: none; min-width: 320px; background: #fff; position: absolute; } #navbar .main-list-wrap > li:hover > ul { display: block; border: 1px solid #e8e8e8; } #navbar .main-list-wrap > li > ul > li { border-top: 1px solid #e8e8e8; } #navbar .main-list-wrap > li > ul > li:first-child { border: none; } #navbar .main-list-wrap > li > ul > li > a { color: #000; padding: 15px; font-size: 14px; } #navbar .main-list-wrap > li > ul > li:hover > a, #navbar .main-list-wrap > li > ul > li.current-menu-item > a { color: #3d9842; } #navbar .main-list-wrap > li > ul > li > ul { top: 0; left: 100%; display: none; background: #000; position: absolute; } #navbar .main-list-wrap > li > ul > li:hover > ul { display: block; } #navbar .main-list-wrap > li > ul > li > ul > li > a { padding: 15px; font-size: 14px; } #navbar .main-list-wrap > li > ul > li > ul > li:hover > a, #navbar .main-list-wrap > li > ul > li > ul > li.current-menu-item > a{ color: #3d9842; } /*-------------------------------------------------------------- # Mobile Menu --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Toggle Menu --------------------------------------------------------------*/ #toggle-menu { float: right; display: block; } #toggle-menu ul, #toggle-menu li { margin: 0; list-style: none; } #toggle-menu li { float: left; width: 50px; height: 50px; display: block; overflow: hidden; position: relative; } #toggle-menu li::before { content: ''; position: absolute; display: inline-block; background: #d5d5d5; height: 35px; width: 1px; margin: auto; top: 0; left: -0; bottom: 0; } #toggle-menu li:first-child { margin-left: 0; } #toggle-menu li:first-child::before { display: none; } #toggle-menu li:hover * { cursor: pointer; } #toggle-menu li#menu-toggle, #toggle-menu li#call-btn { display: none; } #toggle-menu li#search-toggle-btn i, #toggle-menu li#call-btn a { width: 50px; height: 50px; display: block; overflow: hidden; text-indent: 100%; position: relative; white-space: nowrap; } #toggle-menu li#search-toggle-btn i::before, #toggle-menu li#search-toggle-btn i::after { content: ''; display: block; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } #toggle-menu li#search-toggle-btn i::before { right: 5px; bottom: 4px; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #3d9842; } #toggle-menu li#search-toggle-btn i::after { top: 12px; left: 10px; width: 2px; height: 9px; border-radius: 2px; background: #3d9842; transform: rotate(-45deg); } #menu-toggle i { width: 45px; height: 45px; font-size: 6px; display: block; cursor: pointer; overflow: hidden; line-height: 68px; font-weight: 700; font-style: normal; position: relative; text-align: center; letter-spacing: 1px; } #menu-toggle i span::before, #menu-toggle i span::after { content: ''; } #menu-toggle i span, #menu-toggle i span::before, #menu-toggle i span::after { width: 22px; height: 3px; margin: auto; background: #1b2023; position: absolute; display: inline-block; left: 0; right: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #menu-toggle i span { top: 0; bottom: 8px; } #menu-toggle i span::before { top: -7px; } #menu-toggle i span::after { bottom: -7px; } #menu-toggle i.mobile-btn-open span { background: none; } #menu-toggle i.mobile-btn-open span::before, #menu-toggle i.mobile-btn-open span::after { background: #3d9842; } #menu-toggle i.mobile-btn-open span::before { -webkit-transform: rotate(-45deg) translateY(4px) translateX(-4px); -moz-transform: rotate(-45deg) translateY(4px) translateX(-4px); -ms-transform: rotate(-45deg) translateY(4px) translateX(-4px); -o-transform: rotate(-45deg) translateY(4px) translateX(-4px); transform: rotate(-45deg) translateY(4px) translateX(-4px); } #menu-toggle i.mobile-btn-open span::after { -webkit-transform: rotate(45deg) translateY(-6px) translateX(-5px); -moz-transform: rotate(45deg) translateY(-6px) translateX(-5px); -ms-transform: rotate(45deg) translateY(-6px) translateX(-5px); -o-transform: rotate(45deg) translateY(-6px) translateX(-5px); transform: rotate(45deg) translateY(-6px) translateX(-5px); } /*-------------------------------------------------------------- ## Slide Navigation and Search --------------------------------------------------------------*/ #mobile-navigation { top: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 99999; position: fixed; padding-top: 70px; background: #262626; -webkit-transform: translateY(-125%); -moz-transform: translateY(-125%); -ms-transform: translateY(-125%); -o-transform: translateY(-125%); transform: translateY(-125%); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #mobile-navigation.mobile-menu-open { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } #mobile-menu .slicknav_btn { display: none; } #mobile-menu .slicknav_nav > li:first-child > a { /* border-top: 1px solid #d7d7d7; */ } #mobile-menu { width: 100%; background: #fff; padding: 8px 30px 0; backface-visibility: hidden; } #mobile-menu ul, #mobile-menu li { margin: 0; list-style: none; } #mobile-menu a { color: #404041; display: block; line-height: 1; position: relative; padding: 22px 25px 22px 5px; border-bottom: 1px solid #d7d7d7; -webkit-transition: color 250ms ease; -moz-transition: color 250ms ease; -ms-transition: color 250ms ease; -o-transition: color 250ms ease; transition: color 250ms ease; } #mobile-menu li.menu-item-has-children > a { padding-right: 50px; } #mobile-menu .slicknav_nav > li:last-child > a { border-bottom: none; } #mobile-menu a.slicknav_row { padding-top: 0; padding-bottom: 0; } #mobile-menu a a { padding: 0; border: none; } #mobile-menu a.slicknav_row a { padding-top: 20px; padding-bottom: 20px; } #mobile-menu .slicknav_nav > li > a { font-size: 16px; font-weight: 600; } #mobile-menu a .slicknav_arrow { top: 0; bottom: 0; right: 0; width: 50px; height: 100%; margin: auto; z-index: 200; position: absolute; } #mobile-menu .sub-menu li a { font-size: 14px; color: #292929; padding-top: 22px; padding-bottom: 22px; } #mobile-menu .slicknav_nav > li:hover > a, #mobile-menu .slicknav_nav > li:hover > a a, #mobile-menu .slicknav_nav > li.current-menu-item > a, #mobile-menu .slicknav_nav > li.current-menu-item > a a, #mobile-menu .slicknav_nav > li.current-menu-ancestor > a, #mobile-menu .slicknav_nav > li.current-menu-ancestor > a a, #mobile-menu .slicknav_nav > li > ul > li:hover > a, #mobile-menu .slicknav_nav > li > ul > li.current-menu-item > a { color: #3d9842; } #mobile-menu-contact-info { color: #3d9842; line-height: 1.1; text-align: center; padding: 50px 30px 50px; } #mobile-menu-contact-info *:last-child { margin-bottom: 0; } #mobile-menu-contact-info p { margin-bottom: 10px; } #mobile-menu-contact-info a { color: #fff; padding: 6px 1px; display: inline-block; } #mobile-menu-contact-info a:hover { color: #3d9842; } #mobile-footer-logo { padding: 0; width: 100%; max-width: 220px; margin-left: auto; margin-right: auto; margin-bottom: 25px; } /*-------------------------------------------------------------- ## Revolution Slider --------------------------------------------------------------*/ .rev_slider_wrapper.fullwidthbanner-container { left: 0 !important; } /*-------------------------------------------------------------- ## Main Content --------------------------------------------------------------*/ #regular-index { float: left; width: 100%; margin-left: -300px; } #regular-content { margin-left: 300px; } .cover-img * { width: 100%; height: 100%; } .cover-img img { object-fit: cover; width: 100% !important; height: 100% !important; } .content-page-banner * { width: 100%; height: auto; max-width: 100%; } .main-heading-with-small-title small, .main-heading-with-bottom-small-title small { color: #3d9842; font-size: 24px; font-weight: 500; } .main-heading-with-bottom-small-title { line-height: 46px; } .section-sub-title { color: #3d9842; font-size: 24px; font-weight: 500; } .has-circular-tick-icon { padding-top: 68px; position: relative; } .content-banner-hover-title { margin: 0; z-index: 2; left: 50px; color: #fff; bottom: 45px; line-height: 1; position: absolute; text-shadow: 3px 6px 12px rgba(0, 0, 0, 0.39); } /*-------------------------------------------------------------- ## Slim Text Banner --------------------------------------------------------------*/ .slim-text-banner { position: relative; margin-bottom: 15px; } .slim-text-banner::before, .slim-text-banner::after { content: ''; position: absolute; display: inline-block; background: #fff; z-index: 5; width: 15px; height: 100%; top: 0; } .slim-text-banner::before { left: 0; } .slim-text-banner::after { right: 0; } .slim-text-banner-content { max-width: 1260px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; position: relative; } .slim-text-banner-content::before, .slim-text-banner-content::after { content: ''; position: absolute; display: inline-block; width: 100%; height: 100%; bottom: 0; top: 0; } .slim-text-banner-content::before { right: calc(100% - 15px); background: #404041; } .slim-text-banner-content::after { left: calc(100% - 15px); background: #3d9842; } .slim-text-banner-content p { margin: 0; color: #fff; display: block; font-size: 24px; font-weight: 500; position: relative; padding-left: 15px; padding-right: 15px; } .slim-text-banner-content p span { z-index: 3; display: block; position: relative; } .stb-first-text-line { float: left; width: 63%; background: #404041; } .stb-second-text-line { width: 37%; float: right; text-align: right; background: #3d9842; } .stb-first-text-line::before, .stb-second-text-line::before, .stb-second-text-line::after { content: ''; position: absolute; display: inline-block; background: #fff; height: 100%; width: 10px; top: 0; -moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); } .stb-first-text-line::before { right: 15px; height: calc(100% + 1px); } .stb-second-text-line::before { left: -10px; width: 60px; background: #3d9842; } .stb-second-text-line::after { left: -15px; z-index: 2; background: #006f3b; } /*-------------------------------------------------------------- ## Homepage --------------------------------------------------------------*/ .home-banner-cta-cnt > .vc_column_container > .vc_column-inner > .wpb_wrapper { position: relative; } .home-main-banner-cnt { max-width: 2560px; margin-inline: auto; } .home-banner-cta-cnt .wpb_raw_html { left: 0; right: 0; bottom: 0; position: absolute; } .home-banner-cta-cnt .wpb_raw_html a { color: #fff; display: flex; padding: 35px; flex-direction: column; } .home-banner-cta-cnt .wpb_raw_html h2 { font-size: 46px; font-weight: 700; margin-bottom: 1px; position: relative; text-shadow: 3px 3px 6px rgba(0, 0, 0, .44); } .home-banner-title-has-circle-tick h2 { padding-left: 70px; } .home-banner-ecopipe-title h2 { width: 268px; height: 45px; color: transparent; position: relative; } .home-banner-cta-cnt .wpb_raw_html p { font-size: 32px; font-weight: 500; margin-bottom: 0; text-shadow: 3px 3px 6px rgba(0, 0, 0, .44); } .home-banner-infrapipe-title-cnt h2 span { width: 321px; height: 55px; color: transparent; position: relative; display: inline-block; } .home-banner-pressure-pipe-title-cnt h2 span { padding-left: 56px; position: relative; display: inline-block; } /* ====== Homepage Updates 19.12.24 ====== */ .home-banner-cnt { gap: 15px; display: grid; padding-inline: 15px; } .home-main-text-banner { display: flex; align-items: center; grid-template-columns: repeat(3, 1fr); } .home-main-text-banner-col h2 { margin: 0; } .home-main-text-banner-col.col-1 { padding-inline: 15px 35px; } .home-main-text-banner-col.col-1 h2 { color: #3d9842; font-size: min(48px, 2.7vw); } .home-main-text-banner-col.col-1 h2 span { color: #404041; } .home-main-text-banner-col.col-2 { flex-grow: 1; } .home-main-text-banner-col.col-2 h2 { color: #fff; font-weight: 300; padding: 10px 15px; text-align: center; background: #3d9842; font-size: min(30px, 1.8vw); } .home-main-text-banner-col.col-2 h2 * { color: #fff; } .home-main-text-banner-col.col-2 h2 span { font-weight: 500; } .home-main-text-banner-col h2 a:hover { text-decoration: underline; } .home-banner-cnt { padding-bottom: 15px; grid-template-columns: repeat(3, 1fr); } .home-banner-item { height: 265px; overflow: hidden; } .home-banner-child-item { height: 124px; overflow: hidden; } .home-banner-item a { display: block; position: relative; } .home-banner-item-img, .home-banner-child-item-img { display: block; object-fit: cover; width: 100% !important; } .home-banner-item:nth-child(2) .home-banner-item-img, .home-banner-item:nth-child(3) .home-banner-item-img { object-position: center bottom; } .home-banner-item-img { height: 265px !important; } .home-banner-child-item-img { height: 124px !important; } .home-banner-item-title, .home-banner-child-item-title { margin: 0; bottom: 0; left: 7px; color: #fff; position: absolute; padding: 0 15px 15px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); } .home-banner-item a:hover .home-banner-item-title, .home-banner-item a:hover .home-banner-child-item-title { color: #f0f6ef; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } .home-banner-item-title { font-size: min(30px, 2.1vw); } .home-banner-child-item-title { font-size: min(26px, 1.8vw); } .home-banner-item-with-child { gap: 15px; display: grid; grid-template-columns: repeat(2, 1fr); } .home-banner-downloads-cnt { gap: 15px; display: grid; padding-inline: 15px; padding-bottom: 15px; grid-template-columns: repeat(3, 1fr); } .home-banner-download a { display: block; color: #3d9842; font-weight: 500; padding: 12px 15px; text-align: center; background: #f0f6ef; font-size: min(26px, 2vw); } .home-banner-download a:hover { color: #fff; background: #3d9842; } .home-banner-download a .icon { position: relative; display: inline-block; } @media screen and (max-width: 575px) { .home-banner-cnt, .home-banner-item-with-child { grid-template-columns: repeat(1, 1fr); } .home-banner-item, .home-banner-item-img, .home-banner-child-item, .home-banner-child-item-img { height: 165px !important; } .home-banner-item.home-banner-item-with-child { height: 705px !important; } .home-banner-item-title, .home-banner-child-item-title { font-size: min(30px, 5vw); } .home-main-text-banner { display: grid; grid-template-columns: repeat(2, 1fr); } .home-main-text-banner-col.col-1 { padding-right: 0; } .home-main-text-banner-col.col-2 { grid-column: span 1; } .home-main-text-banner-col.col-1 h2 { font-size: min(48px, 4vw); } .home-main-text-banner-col.col-2 h2 { padding: 5px 10px; font-size: 2.6vw; } } @media screen and (min-width: 576px) and (max-width: 767px) { .home-banner-cnt { grid-template-columns: repeat(2, 1fr); } .home-banner-item-with-child { grid-column: span 2; } .home-banner-item, .home-banner-item-img, .home-banner-child-item, .home-banner-child-item-img { height: 195px !important; } .home-banner-item-title, .home-banner-child-item-title { font-size: min(30px, 3vw); } } @media screen and (max-width: 767px) { .home-banner-downloads-cnt { gap: 10px; grid-template-columns: repeat(3, 1fr); } .home-banner-download a { font-size: 14px; line-height: 20px; } .home-banner-download a .second-word { display: block; } .home-banner-download.bim-files a .icon, .home-banner-download.data-sheets a .icon, .home-banner-download.design-manuals a .icon { padding-right: 0 !important; } .home-banner-download.bim-files a .icon::before, .home-banner-download.data-sheets a .icon::before, .home-banner-download.design-manuals a .icon::before { display: none !important; } } @media screen and (max-width: 991px) { .home-banner-item-title, .home-banner-child-item-title { left: 0; } } @media screen and (min-width: 768px) and (max-width: 1399px) { .home-banner-item, .home-banner-item-img { height: 215px !important; } .home-banner-child-item, .home-banner-child-item-img { height: 100px !important; } } @media screen and (min-width: 2000px) and (max-width: 2500px) { .home-banner-item, .home-banner-item-img { height: 315px !important; } .home-banner-child-item, .home-banner-child-item-img { height: 150px !important; } } @media screen and (min-width: 2501px) { .home-banner-item, .home-banner-item-img { height: 455px !important; } .home-banner-child-item, .home-banner-child-item-img { height: 220px !important; } } /*-------------------------------------------------------------- ## Sustainable Solutions Banner --------------------------------------------------------------*/ .sustainable-solutions-banner { position: relative; background: url(images/sustainable-banner-bg.webp) no-repeat; background-size: cover; } .sustainable-solutions-banner::before, .sustainable-solutions-banner::after { content: ''; position: absolute; display: inline-block; background: #fff; z-index: 4; width: 15px; bottom: 0; top: 0; } .sustainable-solutions-banner::before { left: -15px; } .sustainable-solutions-banner::after { right: -15px; } .sustainable-solutions-banner-cnt { display: flex; max-width: 1260px; margin-left: auto; margin-right: auto; align-items: center; } .sustainable-solutions-title { width: 40%; position: relative; } .sustainable-solutions-title::before { content: ''; position: absolute; display: inline-block; background: #3d9842; width: 999rem; top: 0; bottom: 0; right: 100%; } .sustainable-solutions-title h2 { margin: 0; color: #fff; display: block; position: relative; background: #3d9842; padding: 50px 70px 50px 15px; clip-path: polygon(100% 0, 90% 100%, 0 100%, 0 0); } .sustainable-solutions-title h2::before { content: ''; position: absolute; display: inline-block; background: #006f3b; width: 15px; bottom: 0; right: 24px; top: 0; -moz-transform: skewX(-13deg); -webkit-transform: skewX(-13deg); -o-transform: skewX(-13deg); -ms-transform: skewX(-13deg); transform: skewX(-13deg); } .sustainable-solutions-content { width: 60%; } .sustainable-solutions-content { color: #fff; font-size: 24px; line-height: 1.5; font-weight: 500; padding: 35px 70px; } .sustainable-solutions-content *:last-child { margin: 0; } .circular-economy-slider { max-width: 500px; position: relative; isolation: isolate; margin-inline: auto; padding-block: 70px 25px; } .circular-economy-slider .flexslider { border: none !important; background: none !important; } .circular-economy-slider .flex-direction-nav, .circular-economy-slider .flex-control-paging { display: none !important; visibility: hidden !important; } .recycle-process-step > .vc_column-inner > .wpb_wrapper { padding: 20px; background: #fff; border-radius: 15px; } .recycle-process-step::before { content: ''; display: block; position: absolute; background: #77b154; border-radius: 50%; margin: auto; height: 80px; width: 80px; bottom: 0; left: 0; top: 0; } .recycling-process-sub-title { position: relative; padding-bottom: 15px; display: inline-block; } /*-------------------------------------------------------------- ## Flip card --------------------------------------------------------------*/ .flip-card { width: 100%; height: 300px; perspective: 1000px; background: transparent; } .flip-card-inner { width: 100%; height: 100%; position: relative; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { width: 100%; height: 100%; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card-back { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { display: flex; padding: 15px 70px; background: #f4f4f4; flex-direction: column; justify-content: center; } .flip-card-front *:last-child, .flip-card-back *:last-child { margin-bottom: 0; } .flip-card-front img { max-width: 140px; margin: 0 auto 25px; } .flip-card-front h3 { font-size: 21px; margin-bottom: 5px; } .flip-card-front p { color: #006f3b; font-weight: 700; } /*-------------------------------------------------------------- ## About Us --------------------------------------------------------------*/ .about-main-banner-section { height: 100vh; } .about-us-fabricating-better-tomorrow > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 800px; padding: 35px 50px; background: #3d9842; } .about-us-fabricating-better-tomorrow h1 { line-height: 1; font-size: 42px; } .about-cta-content > .vc_column-inner > .wpb_wrapper { padding-block: 35px; } .about-cta-content-1 > .vc_column-inner > .wpb_wrapper { padding-right: 35px; } .about-cta-content-2 > .vc_column-inner > .wpb_wrapper { padding-left: 35px; } .team-member > .wpb_wrapper { max-width: 320px; padding: 70px 15px; background: #fff; margin-inline: auto; } .team-member h3 { font-size: 22px; color: #3d9842; margin-bottom: 5px; } .team-members-cnt { width: 100%; } .labelling-procedure-btn a { color: #fff; font-size: 18px; max-width: 370px; font-weight: 500; text-align: center; position: relative; margin-inline: auto; padding: 9px 35px; display: inline-block; background: #3d9842; } .labelling-procedure-btn a:hover { color: #fff; background: #000; } /*-------------------------------------------------------------- ## Accordian --------------------------------------------------------------*/ .vc_tta.vc_general .vc_tta-panels-container { border-bottom: 1px solid #404041 !important; } .vc_tta.vc_general .vc_tta-panel-title { font-size: 24px; font-weight: 500; } .vc_tta.vc_tta-style-outline .vc_tta-panel-body, .vc_tta.vc_tta-style-outline .vc_tta-panel-heading { border-width: 1px !important; } .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading { border-color: #404041 !important; border-left: none !important; border-right: none !important; border-bottom: none !important; } .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover { background: none !important; } .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a { padding-top: 16px !important; padding-bottom: 16px !important; } .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a:hover, .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a, .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a:hover { color: #3d9842 !important; } .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel-heading:hover .vc_tta-controls-icon::after, .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel-heading:hover .vc_tta-controls-icon::before { border-color: #404041 !important; } /*-------------------------------------------------------------- ## Pressure Pipes Page --------------------------------------------------------------*/ .slider-hide-pagination .flex-control-paging { display: none !important; visibility: hidden !important; } .product-ranges-cnt { padding: 70px 50px 0; background: rgba(0, 0, 0, 0.22); backdrop-filter: blur(8px); } .pressure-pipe-benefit-cta { text-align: center; position: relative; transition: all 1s ease-out 0s } .pressure-pipe-benefit-cta:hover { transition: all 0.1s ease-out 0s; box-shadow: 0 0 16px rgba(0,0,0,.22); } .pressure-pipe-benefit-cta-1::before, .pressure-pipe-benefit-cta-2::before, .pressure-pipe-benefit-cta-4::before, .pressure-pipe-benefit-cta-5::before { content: ''; display: block; position: absolute; background: #006f3b; height: 100%; width: 2px; right: -17.5px; bottom: 0; top: 0; } .benefits-main-section { background: #fdfdfd; background: -moz-linear-gradient(left, #fdfdfd 0%, #fdfdfd 29%, #f7f7f7 51%, #f8f8f8 72%, #fafafa 73%, #fafafa 100%); background: -webkit-linear-gradient(left, #fdfdfd 0%,#fdfdfd 29%,#f7f7f7 51%,#f8f8f8 72%,#fafafa 73%,#fafafa 100%); background: linear-gradient(to right, #fdfdfd 0%,#fdfdfd 29%,#f7f7f7 51%,#f8f8f8 72%,#fafafa 73%,#fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#fafafa',GradientType=1 ); } .pressure-pipe-benefit-cta > .wpb_wrapper { max-width: 250px; padding-block: 25px; margin-inline: auto; } .benefit-img-cnt { max-width: 70px; margin-inline: auto; margin-bottom: 25px; } .benefit-img-cnt img { display: block; } .pressure-pipe-benefit-cta h3 { color: #006f3b; font-size: 21px; } .green-tick-bullet-list ul, .green-tick-bullet-list li { margin-left: 0 !important; list-style: none !important; } .green-tick-bullet-list li { position: relative; padding-left: 28px; } .title-green-highlighter { position: relative; isolation: isolate; } .title-green-highlighter::before { content: ''; display: block; position: absolute; max-width: 300px; background: #3d9842; height: 35px; width: 100%; z-index: -1; top: 28px; left: 20px; } .presseure-pipe-code-digram { max-width: 800px; margin-inline: auto; } /*-------------------------------------------------------------- ## Posts Index and Detail Page --------------------------------------------------------------*/ .post-summary { margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px dotted #e8e8e8; } .post-summary.has-post-thumbnail { display: flex; flex-direction: row; } .post-summary .entry-thumbnail { width: 300px; } .post-summary .entry-thumbnail img { padding: 2px; display: block; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-box-shadow: 0 0 3px 0 rgba(153,153,153,0.3); box-shadow: 0 0 3px 0 rgba(153,153,153,0.3); } .post-summary .entry-thumbnail img:hover { opacity: 0.9; -webkit-box-shadow: 0 0 4px 0 rgba(153,153,153,0.8); box-shadow: 0 0 4px 0 rgba(153,153,153,0.8); } .post-summary.has-post-thumbnail .entry-summary { width: 100%; padding-left: 40px; } .post-summary .entry-summary *:last-child { margin-bottom: 0; } .post-summary .entry-summary .entry-title { font-size: 24px; font-weight: 600; } .post-summary.testimonial .testimonial-person-detail { font-size: 18px; font-weight: 600; } /*-------------------------------------------------------------- ## Testimonials Index Page --------------------------------------------------------------*/ .testimonial-post-summary { display: flex; align-items: center; flex-direction: row; } .testimonial-post-summary:nth-child(2n) { flex-direction: row-reverse; } .testimonial-post-summary.has-post-thumbnail:nth-child(2n) .entry-summary { padding-left: 0; padding-right: 40px; } /*-------------------------------------------------------------- ## Search Results --------------------------------------------------------------*/ #search-term { color: #ce622a; font-weight: 600; } /*-------------------------------------------------------------- ## 404 Page --------------------------------------------------------------*/ #post-404 .entry-title-group { padding-top: 116px; position: relative; } #post-404 .entry-title-group h1 { font-size: 50px; font-weight: bold; } #post-404 .entry-title-group h2 { font-size: 30px; font-weight: 400; } #page-404-search-form-cnt { max-width: 420px; margin: 25px auto; } #page-404-contact-form-cnt { max-width: 600px; margin-top: 25px; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Sidebar Content --------------------------------------------------------------*/ #tertiary { float: right; width: 260px; position: relative; } #tertiary .widget { margin-top: 30px; } #tertiary .widget:first-child { margin-top: 0; } #tertiary .widget .widget-title { font-size: 24px; font-weight: 600; position: relative; margin-bottom: 16px; padding-bottom: 16px; } #tertiary .widget .widget-title:before { content: ''; position: absolute; display: inline-block; width: 30%; height: 1px; background: #e8e8e8; left: 0; bottom: 0; } .widget_tag_cloud .tagcloud a { color: #333; padding: 6px 10px; background: #f2f2f2; display: inline-block; border: 1px solid #ccc; margin-top: 4px !important; font-size: 11px !important; -webkit-transition: background 250ms ease; -moz-transition: background 250ms ease; -ms-transition: background 250ms ease; -o-transition: background 250ms ease; transition: background 250ms ease; } .widget_tag_cloud .tagcloud a:hover { background: #e8e8e8; } .widget_categories li { margin: 0; } .widget_categories a { color: #000; padding: 7px 0; display: block; font-size: 14px; } .widget_categories ul > li { list-style: square; } .widget_categories ul > li > a { border-bottom: 1px solid #f2f2f2; } .widget_categories ul > li > ul > li { list-style: disc; } .widget_categories ul > li > ul > li > ul > li { list-style: circle; } .widget_categories ul > li > ul > li > a { border-bottom: 1px dotted #f2f2f2; } .widget_categories ul > li:hover > a, .widget_categories ul > li.current-cat > a { color: #50985e; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .post-navigation .screen-reader-text { display: none; } .nav-links .nav-previous { float: right; } .nav-links .nav-next { float: left; } .nav-links a { color: #333; display: block; font-size: 12px; padding: 10px 20px; background: #e8e8e8; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .nav-links a:hover { color: #fff; background: #333; } body.single .nav-links { margin-top: 16px; padding-top: 30px; border-top: 1px dotted #d7d7d7; } .wp-pagenavi { margin: 0; clear: both; padding: 0 0 5px; text-align: center; } .wp-pagenavi a, .wp-pagenavi span { padding: 10px 18px !important; font-size: 16px !important; font-weight: normal !important; border: none !important; display: inline-block; } .wp-pagenavi a { color: #555; background-color: #e7e7e9; -webkit-transition: background 250ms linear; -moz-transition: background 250ms linear; -ms-transition: background 250ms linear; -o-transition: background 250ms linear; transition: background 250ms linear; } .wp-pagenavi a:hover { color: #fff; background-color: #333; } .wp-pagenavi span { color: #fff; background-color: #333; } .wp-pagenavi span.extend { background-color: #d5d5d5; } .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { color: #191919; background-color: #ccc; } .wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover { color: #fff; background-color: #333; } /*-------------------------------------------------------------- ## Testimonials Feed --------------------------------------------------------------*/ #testimonial-feed-main-title { font-weight: 600; text-align: center; position: relative; margin-bottom: 30px; padding-bottom: 30px; } #testimonial-feed-main-title:before { content: ''; position: absolute; display: inline-block; background: #e8e8e8; width: 10%; height: 1px; margin: auto; bottom: 0; left: 0; right: 0; } #testimonials-feed-slider { position: relative; padding-left: 60px; padding-right: 60px; } .testimonial-feed-excerpt { color: #000; font-size: 20px; font-weight: 300; background: #fff; text-align: center; } .testimonial-feed-excerpt strong { font-weight: 600; } #testimonials-feed-slider .owl-nav { opacity: 0; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -ms-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } #testimonials-feed-slider:hover .owl-nav { opacity: 1; } #testimonials-feed-slider .owl-nav .owl-prev, #testimonials-feed-slider .owl-nav .owl-next { top: 0; width: 26px; height: 100%; z-index: 100; opacity: 0.2; cursor: pointer; overflow: hidden; text-indent: 100%; position: absolute; white-space: nowrap; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -ms-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } #testimonials-feed-slider .owl-nav .owl-prev { left: 0; } #testimonials-feed-slider .owl-nav .owl-next { right: 0; } #testimonials-feed-slider .owl-nav .owl-prev:hover, #testimonials-feed-slider .owl-nav .owl-next:hover { opacity: 0.8; } /*-------------------------------------------------------------- ## Footer Contact Banner --------------------------------------------------------------*/ .footer-contact-text *:last-child { margin-bottom: 0; } .footer-contact-text { margin-bottom: 35px; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ #footer { color: #fff; background: #262626; border-left: 15px solid #fff; border-right: 15px solid #fff; border-bottom: 15px solid #fff; } #footer-wrap { padding-left: 0; padding-right: 0; } #footer-columns { display: flex; } .footer-column { padding: 0 15px; } #footer-column-2 { padding-left: 10%; } #footer-column-3 { flex-grow: 1; } .footer-column .widget { margin-top: 30px; } .footer-column .widget:first-child { margin-top: 0; } .footer-column .widget .widget-title { font-size: 18px; font-weight: 600; position: relative; margin-bottom: 16px; padding-bottom: 16px; } .footer-column .widget .widget-title:before { content: ''; position: absolute; display: inline-block; width: 20%; height: 1px; background: #000; left: 0; bottom: 0; } .footer-column .widget_nav_menu ul, .footer-column .widget_nav_menu ul li:last-child { margin-bottom: 0; } #footer-logo { width: 100%; display: block; max-width: 285px; margin-left: auto; margin-right: auto; } #text-2 { max-width: 295px; } #nav_menu-2 { float: right; } #nav_menu-2 ul, #nav_menu-2 li { margin: 0; list-style: none; } #nav_menu-2 li { float: left; margin-right: 25px; margin-bottom: 20px; } #nav_menu-2 li:last-child { margin-right: 0; } #nav_menu-2 li a { color: #fff; font-size: 18px; font-weight: 500; } #nav_menu-2 li a:hover { color: #3d9842; } #nav_menu-2 li:last-child a { color: #fff; padding: 14px 30px; background: #3d9842; } #nav_menu-2 li:last-child:hover a { color: #262626; background: #fff; } #nav_menu-3 { float: right; clear: right; width: 100%; text-align: right; } .main-address { margin-bottom: 35px; } #media_image-2 { max-width: 150px; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Copyright --------------------------------------------------------------*/ #copyright { float: right; font-size: 11px; } #copyright, #copyright a { color: #afafaf; } #copyright a:hover { text-decoration: underline; } /*-------------------------------------------------------------- ## Back to Top --------------------------------------------------------------*/ #toTop { bottom: 0; right: 15px; width: 35px; height: 30px; z-index: 1000; display: none; position: fixed; cursor: pointer; overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #toTop span { width: 100%; height: 30px; display: block; position: relative; background: rgba(61, 152, 66, 0.8); } #toTop:hover span { background: #3d9842; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #toTop span i { left: 0; right: 0; bottom: 0; top: 10px; width: 10px; height: 10px; margin: auto; display: block; position: absolute; border: 2px solid #fff; border-right-color: transparent; border-bottom-color: transparent; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Alignments --------------------------------------------------------------*/ img.alignright { float: right; margin: 0.1em 0 1em 1em; } img.alignleft { float: left; margin: 0.1em 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Responsive Image --------------------------------------------------------------*/ img, .widget img, .wp-caption { max-width: 100%; } img, img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ input, textarea { background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=checkbox] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important; } input[type=radio] { -webkit-appearance: radio !important; -moz-appearance: radio !important; appearance: radio !important; } select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { -webkit-border-radius: 0; border-radius: 0; border: 1px solid #d1d1d1; box-sizing: border-box !important; font: 400 16px 'Montserrat', sans-serif; } select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { height: 50px; padding: 2px 5px; } body.ie textarea { overflow: auto; } select::-ms-expand { display: none; } button, input[type="submit"] { cursor: pointer; -webkit-border-radius: 0; border-radius: 0; } /* Form Placeholder text color */ ::-webkit-input-placeholder { color: #878787; font-family: 'Montserrat', sans-serif; } :-moz-placeholder { color: #878787; opacity: 1; font-family: 'Montserrat', sans-serif; } ::-moz-placeholder { color: #878787; opacity: 1; font-family: 'Montserrat', sans-serif; } :-ms-input-placeholder { color: #878787; font-family: 'Montserrat', sans-serif; } /*-------------------------------------------------------------- ## Search Form --------------------------------------------------------------*/ .site-search-form ul, .site-search-form li { margin: 0; list-style: none; } .site-search-form ul { font-size: 0; } .site-search-form li { float: left; position: relative; } .site-search-form .search-text-field { width: 100%; margin-left: -50px; padding-left: 50px; } .site-search-form .search-submit-field { width: 50px; background: #111; -webkit-transition: background 300ms ease; -moz-transition: background 300ms ease; -ms-transition: background 300ms ease; -o-transition: background 300ms ease; transition: background 300ms ease; } .site-search-form .search-submit-field:hover { background: #000; } .site-search-form input[type="search"], .site-search-form input[type="submit"] { width: 100%; border: none; font: 400 16px 'Montserrat', sans-serif; } .site-search-form input[type="search"] { padding-left: 10px; padding-right: 10px; background: #f0f0f0; } .site-search-form input[type="submit"] { padding: 0; z-index: 10; color: #fff; height: 50px; overflow: hidden; background: none; text-indent: 110%; white-space: nowrap; position: relative; } #header-search { top: 0; right: 0; bottom: 0; width: 0; z-index: 5; overflow: hidden; position: absolute; transition: all 0.2s; background: #fafafa; } #header-search.show-header-search { width: 100%; } #header-search-form-cnt, #close-search-btn { float: left; } #header-search-form-cnt { width: calc(100% - 60px); } #header-search-form-cnt .site-search-form input[type="search"] { font-size: 20px; padding-left: 50px; padding-block: 51px; } #header-search-form-cnt .search-submit-field { display: none; } #header-search-form-cnt .site-search-form .search-text-field { margin-left: 0; padding-left: 0; } #header-search-form-cnt .site-search-form input[type="search"] { background: none; position: relative; } #close-search-btn { margin: 0; padding: 0; width: 60px; height: 100%; border: none; color: #fff; display: block; line-height: 1; font-size: 40px; font-weight: 500; background: #3d9842; } #close-search-btn:hover { background: #404041; } /*-------------------------------------------------------------- ## Gravity Forms Style --------------------------------------------------------------*/ body .gform_wrapper, body .gform_wrapper .gform_body, body .gform_wrapper .gform_footer, body .gform_wrapper .gform_body .gform_fields, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container { margin: 0 !important; padding: 0 !important; } body .gform_wrapper, body .gform_wrapper .gform_body, body .gform_wrapper .gform_footer, body .gform_wrapper .gform_body .gform_fields, body .gform_wrapper .gform_body .gform_fields .gfield .datepicker { width: 100% !important; max-width: 100% !important; } body .gform_wrapper a:hover { color: #15bd5a; } body .gform_wrapper .gform_body .gform_fields .gfield .sub-label-highlight { color: #333; } body .gform_wrapper .gform_body .gform_fields .gfield { padding: 0 !important; margin: 0 0 20px !important; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_hidden-label .gfield_label, body .gform_wrapper .gform_body .gform_fields .gfield.gf_hidden-sub-label .name_first label, body .gform_wrapper .gform_body .gform_fields .gfield.gf_hidden-sub-label .name_last label { display: none !important; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { color: #000; display: block; margin: 0 0 10px !important; font: 400 18px 'Montserrat', sans-serif; } body .gform_wrapper .gform_body .gform_fields .gsection .gsection_title { color: #000; font-size: 22px; letter-spacing: 0 !important; margin-bottom: 10px !important; } body .gform_wrapper .gform_body .gform_fields .gsection .gsection_description { margin: 0; font-size: 12px; line-height: 1.8; padding: 0 0 10px; } body .gform_wrapper .gform_body .gform_fields .gfield.gsection { color: #000; background: #d9d9d9; border: 1px solid #9e9e9e; margin-top: 0 !important; padding: 20px 20px 10px !important; } body .gform_wrapper .gform_body .field_description_below.gf_below_desc_zero-padding .gfield_description { padding-top: 0 !important; } body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload span[id*="extensions_message_"] { padding: 5px; font-size: 12px; display: inline-block; background: rgba(206,98,42,0.2); border: 1px solid #ce622a; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_field_single_file_upload span[id*="extensions_message_"] { margin-top: 10px; } body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload input.large, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload input[type="file"] { cursor: pointer; width: auto !important; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_field_single_file_upload { padding: 15px !important; background: #fcfcfc !important; border: 1px solid #ccc !important; } body .gform_wrapper .gform_body .gform_fields .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper .gform_body .gform_fields .gfield textarea, body .gform_wrapper .gform_body .gform_fields .gfield select { padding: 2px 10px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -ms-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } body .gform_wrapper .gform_body .gform_fields .gfield input:focus:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus, body .gform_wrapper .gform_body .gform_fields .gfield select:focus { border-color: #00aeef; } body .gform_wrapper .gform_body .gform_fields .gfield textarea { padding: 10px; } body .gform_wrapper .gform_body .gform_fields .gfield .gform_button_select_files:hover { background: #3c844a; } /* -------------------------------------------------------------- ## Gravity Two columns fields -------------------------------------------------------------- */ body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1, body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2, body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3 { width: 100%; } .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half, body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half, body .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span { padding: 0 !important; margin: 0 0 20px !important; width: 49.35483870967742% !important; } body .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span { float: left; display: block; margin-bottom: 0 !important; } .gform_wrapper .top_label li.gfield.gf_right_half, body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half, body .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span.name_last { margin-left: 1.29032258064516% !important; } /* -------------------------------------------------------------- ## Gravity Three columns fields -------------------------------------------------------------- */ body .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), body .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) { width: 32.47311827956989% !important; } body .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) { margin-left: 1.29032258064516% !important; } /* -------------------------------------------------------------- ## Gravity form Error fields -------------------------------------------------------------- */ body .gform_wrapper div.validation_error { top: 0; left: 0; width: 100%; color: #fff; border: none; padding: 12px; z-index: 9999999 !important; position: fixed; font-weight: 400; background: #e82c0c; } body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message { display: none; } body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half), body .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, body .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half { max-width: 100% !important; } body .gform_wrapper .top_label .gfield_error, body .gform_wrapper .gform_body .gform_fields .gfield_error { width: 100%; border: none; background: none; } body .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper li.gfield_error textarea, body .gform_wrapper .gform_body .gform_fields .gfield_error select { border-color: #f00 !important; } body .gform_wrapper .gform_body .gform_fields .gfield_error input:not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), body .gform_wrapper .gform_body .gform_fields .gfield_error select, body .gform_wrapper .gform_body .gform_fields .gfield_error textarea, body .gform_wrapper .gform_body .gform_fields .gfield_error.gf_bulk-status-selection, body .gform_wrapper .gform_body .gform_fields .gfield.gf_field_single_file_upload.gfield_error, body .gform_wrapper .gform_body .gform_fields .gfield.gf_field_multi_files_upload.gfield_error .gform_fileupload_multifile { color: #000 !important; -webkit-box-shadow:inset 0 0 0 400px rgba(255,0,0,0.2); box-shadow:inset 0 0 0 400px rgba(255,0,0,0.2); } body .gform_wrapper .gform_body .gform_fields .gfield_error.gf_bulk-status-selection { padding: 10px !important; } body .gform_wrapper li.gfield_error ul.gfield_checkbox label, body .gform_wrapper li.gfield_error ul.gfield_radio label { color: #f00; } body .gform_wrapper .gform_body .gform_fields li.gfield.gfield_error .gfield_checkbox li input[type=checkbox]:checked + label { color: #000 !important; } body .gform_wrapper li.gfield_error.gf_bulk-status-selection ul.gfield_radio label { color: #000; } /* -------------------------------------------------------------- ### Gravity form submit & select button -------------------------------------------------------------- */ body .gform_wrapper .gform_body .gform_fields .gfield .gform_button_select_files { color: #fff; border: none; cursor: pointer; background: #333; padding: 12px 30px !important; } body .gform_wrapper .gform_body .gform_fields .gfield .gform_button_select_files:hover { background: #15bd5a; } body .gform_wrapper .gform_footer input[type=submit], body .gf_browser_ie.gform_wrapper .gform_footer input.button { margin: 0; color: #fff; padding: 13px 35px; background: #3d9842; display: inline-block; border: none; -webkit-border-radius: 0; border-radius: 0; font: 500 18px 'Montserrat', sans-serif; } body .gform_wrapper.center-align-submit-btn_wrapper .gform_footer { text-align: center; } body .gform_wrapper .gform_footer input[type=submit]:hover { color: #fff; background: #006f3b; } /* -------------------------------------------------------------- ### Gravity Form AJAX Spinner -------------------------------------------------------------- */ body .gform_wrapper { position: relative; } .gform_ajax_spinner { left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block !important; overflow: hidden !important; position: absolute !important; z-index: 999; border: 4px solid rgba(255,255,255,0.2); border-left: 4px solid #fff; background: rgba(21,184,87,0.9); animation: spinner 1.1s infinite linear; border-radius: 50%; width: 25px !important; height: 25px !important; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*-------------------------------------------------------------- # Sprite --------------------------------------------------------------*/ .has-left-text-link-icon a { padding-left: 25px; position: relative; display: inline-block; } #toggle-menu li a:before, .recycle-process-step::after, .full-width-pdf-link a::before, .circular-economy-slider::before, .circular-economy-slider::after, .has-circular-tick-icon::before, #testimonials-feed-slider:before, #testimonials-feed-slider:after, .labelling-procedure-btn a::after, .green-tick-bullet-list li::before, .has-left-text-link-icon a::before, .recycling-process-sub-title::after, .home-banner-download a .icon::before, #mobile-menu a .slicknav_arrow:before, #mobile-menu a .slicknav_arrow:after, #post-404 .entry-title-group:before, .home-banner-ecopipe-title h2::before, .green-border-btn-with-download-icon a::before, .home-banner-title-has-circle-tick h2::before, .menu-social-links-menu-container li a:before, .site-search-form .search-submit-field:before, .home-banner-infrapipe-title-cnt h2 span::before, .home-banner-pressure-pipe-title-cnt h2 span::before, .has-mobile-email-address-icon .phone-number::before, .has-mobile-email-address-icon .email-address::before, .has-mobile-email-address-icon .main-address::before, #testimonials-feed-slider .owl-nav .owl-prev:before, #testimonials-feed-slider .owl-nav .owl-next:before { background: url(images/sprite@1x.webp) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { #toggle-menu li a:before, .recycle-process-step::after, .full-width-pdf-link a::before, .circular-economy-slider::before, .circular-economy-slider::after, .has-circular-tick-icon::before, #testimonials-feed-slider:before, #testimonials-feed-slider:after, .labelling-procedure-btn a::after, .green-tick-bullet-list li::before, .has-left-text-link-icon a::before, #post-404 .entry-title-group:before, .recycling-process-sub-title::after, .home-banner-download a .icon::before, #mobile-menu a .slicknav_arrow:before, #mobile-menu a .slicknav_arrow:after, .home-banner-ecopipe-title h2::before, .green-border-btn-with-download-icon a::before, .home-banner-title-has-circle-tick h2::before, .menu-social-links-menu-container li a:before, .site-search-form .search-submit-field:before, .home-banner-infrapipe-title-cnt h2 span::before, .home-banner-pressure-pipe-title-cnt h2 span::before, .has-mobile-email-address-icon .phone-number::before, .has-mobile-email-address-icon .email-address::before, .has-mobile-email-address-icon .main-address::before, #testimonials-feed-slider .owl-nav .owl-prev:before, #testimonials-feed-slider .owl-nav .owl-next:before { background: url(images/sprite@2x.webp) no-repeat; background-size: 400px 400px; } } #toggle-menu li a:before, .recycle-process-step::after, .full-width-pdf-link a::before, .circular-economy-slider::before, .circular-economy-slider::after, .has-circular-tick-icon::before, #testimonials-feed-slider:before, #testimonials-feed-slider:after, .labelling-procedure-btn a::after, .green-tick-bullet-list li::before, .has-left-text-link-icon a::before, #post-404 .entry-title-group:before, .recycling-process-sub-title::after, .home-banner-download a .icon::before, #mobile-menu a .slicknav_arrow:before, #mobile-menu a .slicknav_arrow:after, .home-banner-ecopipe-title h2::before, .green-border-btn-with-download-icon a::before, .home-banner-title-has-circle-tick h2::before, .menu-social-links-menu-container li a:before, .site-search-form .search-submit-field:before, .home-banner-infrapipe-title-cnt h2 span::before, .home-banner-pressure-pipe-title-cnt h2 span::before, .has-mobile-email-address-icon .phone-number::before, .has-mobile-email-address-icon .email-address::before, .has-mobile-email-address-icon .main-address::before, #testimonials-feed-slider .owl-nav .owl-prev:before, #testimonials-feed-slider .owl-nav .owl-next:before { content: ''; position: absolute; display: inline-block; } #toggle-menu li a:before, .recycle-process-step::after, .full-width-pdf-link a::before, .circular-economy-slider::before, .circular-economy-slider::after, .has-circular-tick-icon::before, #testimonials-feed-slider:before, #testimonials-feed-slider:after, .has-left-text-link-icon a::before, .green-tick-bullet-list li::before, #post-404 .entry-title-group:before, .recycling-process-sub-title::after, .home-banner-download a .icon::before, #mobile-menu a .slicknav_arrow:before, #mobile-menu a .slicknav_arrow:after, .home-banner-ecopipe-title h2::before, .green-border-btn-with-download-icon a::before, .home-banner-title-has-circle-tick h2::before, .menu-social-links-menu-container li a:before, .site-search-form .search-submit-field:before, .home-banner-infrapipe-title-cnt h2 span::before, .home-banner-pressure-pipe-title-cnt h2 span::before, .has-mobile-email-address-icon .phone-number::before, .has-mobile-email-address-icon .email-address::before, .has-mobile-email-address-icon .main-address::before, #testimonials-feed-slider .owl-nav .owl-prev:before, #testimonials-feed-slider .owl-nav .owl-next:before { margin: auto; } .site-search-form .search-submit-field:before, .menu-social-links-menu-container li a:before { top: 0; left: 0; right: 0; bottom: 0; } #toggle-menu li a:before { top: 15px; left: 0; right: 0; } #toggle-menu li#menu-toggle i:before { width: 18px; height: 17px; background-position: -181px -20px; } #toggle-menu li#call-btn a:before { width: 16px; height: 17px; background-position: -284px -176px; } #toggle-menu li#location-btn a:before { width: 12px; height: 17px; background-position: -225px -20px; } #mobile-menu a .slicknav_arrow:before, #mobile-menu a .slicknav_arrow:after { top: 0; left: 0; right: 0; bottom: 0; width: 15px; height: 3px; background: #b7b7b7 } #mobile-menu a .slicknav_arrow:after { left: 0px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #mobile-menu li.slicknav_open a .slicknav_arrow:after { display: none; } .has-left-text-link-icon a::before { width: 16px; height: 16px; top: 7px; left: 0; background-position: -198px -87px; } #post-404 .entry-title-group:before { top: 0; left: 0; right: 0; width: 100px; height: 100px; background-position: 0 0; } .site-search-form .search-submit-field:before { z-index: 1; width: 20px; height: 20px; background-position: -105px 0; } .menu-social-links-menu-container li.icon-facebook a:before { width: 9px; height: 20px; background-position: -359px -257px; } .menu-social-links-menu-container li.icon-facebook a:hover:before { background-position: -359px -282px; } .menu-social-links-menu-container li.icon-google-plus a:before { width: 16px; height: 15px; background-position: -147px 0; } .menu-social-links-menu-container li.icon-twitter a:before { width: 19px; height: 15px; background-position: -184px 0; } .menu-social-links-menu-container li.icon-pinterest a:before { width: 13px; height: 15px; background-position: -167px 0; } .menu-social-links-menu-container li.icon-linkedin a:before { width: 17px; height: 17px; background-position: -374px -259px; } .menu-social-links-menu-container li.icon-linkedin a:hover::before { background-position: -374px -283px; } .menu-social-links-menu-container li.icon-instagram a:before { width: 19px; height: 19px; background-position: -335px -259px; } .menu-social-links-menu-container li.icon-instagram a:hover:before { background-position: -335px -283px; } .menu-social-links-menu-container li.icon-youtube a:before { width: 25px; height: 17px; background-position: -305px -259px; } .menu-social-links-menu-container li.icon-youtube a:hover:before { background-position: -305px -283px; } .menu-social-links-menu-container li.icon-vimeo a:before { width: 18px; height: 16px; background-position: -105px -25px; } #testimonials-feed-slider:before, #testimonials-feed-slider:after { top: 0; width: 40px; height: 38px; opacity: 0.1; } #testimonials-feed-slider:before { left: 10px; background-position: -105px -45px; } #testimonials-feed-slider:after { right: 10px; background-position: -150px -45px; } #testimonials-feed-slider .owl-nav .owl-prev:before, #testimonials-feed-slider .owl-nav .owl-next:before { top: 0; bottom: 0; width: 8px; height: 15px; } #testimonials-feed-slider .owl-nav .owl-prev:before { left: 9px; background-position: -155px -20px; } #testimonials-feed-slider .owl-nav .owl-next:before { right: 9px; background-position: -168px -20px; } .has-circular-tick-icon::before { top: 0; left: 0; right: 0; width: 60px; height: 53px; background-position: -253px 0; } .has-mobile-email-address-icon .phone-number, .has-mobile-email-address-icon .email-address, .has-mobile-email-address-icon .main-address { position: relative; padding-left: 35px; display: inline-block; } .has-mobile-email-address-icon .phone-number { padding-top: 7px; } .has-mobile-email-address-icon .phone-number::before, .has-mobile-email-address-icon .email-address::before, .has-mobile-email-address-icon .main-address::before { left: 0; top: 5px; width: 20px; } .has-mobile-email-address-icon .phone-number::before { height: 35px; background-position: -198px -46px; } .has-mobile-email-address-icon .email-address::before { top: 8px; height: 15px; background-position: -225px -45px; } .has-mobile-email-address-icon .main-address::before { height: 29px; background-position: -225px -68px; } .home-banner-infrapipe-title-cnt h2 span::before { top: 0; left: 0; width: 100%; height: 100%; background-position: 0 -111px; } .home-banner-title-has-circle-tick h2::before { top: 5px; left: 0; width: 51px; height: 45px; background-position: 0 -121px; } .home-banner-ecopipe-title h2::before { top: 5px; left: 0; width: 100%; height: 100%; background-position: 0 -176px; } .circular-economy-slider::before { width: 100%; height: 100%; left: -30px; top: 0; z-index: -1; background: url(images/circular-economy-slider-bg.webp) no-repeat; background-size: 100% 100%; } .circular-economy-slider::after { width: 100px; height: 99px; background-position: 0 -236px; bottom: 37px; right: -15px; z-index: 2; } .recycle-process-step::after { top: 0; bottom: 0; } .recycle-process-step-1 .recycle-process-step::after { left: 19px; width: 41px; height: 41px; background-position: -110px -241px; } .recycle-process-step-2 .recycle-process-step::after { left: 21px; width: 41px; height: 41px; background-position: -164px -241px; } .recycle-process-step-3 .recycle-process-step::after { left: 16px; width: 49px; height: 41px; background-position: -214px -241px; } .recycle-process-step-4 .recycle-process-step::after { left: 31px; width: 19px; height: 60px; background-position: -274px -236px; } .recycle-process-step-5 .recycle-process-step::after { left: 15px; width: 52px; height: 46px; background-position: -323px 0; } .recycle-process-step-6 .recycle-process-step::after { left: 16px; width: 48px; height: 43px; background-position: -114px -293px; } .recycling-process-sub-title::after { width: 40px; height: 40px; position: relative; background-position: -329px -57px; top: 17px; right: -5px; } .labelling-procedure-btn a::after { left: 2px; width: 22px; height: 20px; position: relative; background-position: -255px -65px; } .green-tick-bullet-list li::before { left: 0; top: 7px; width: 21px; height: 18px; background-position: -292px -70px; } .green-border-btn-with-download-icon a::before { top: 0; bottom: 0; right: 25px; width: 22px; height: 20px; background-position: -331px -108px; } .green-border-btn-with-download-icon a:hover::before { background-position: -255px -65px; } .full-width-pdf-link a::before { top: 7px; right: 0; width: 21px; height: 25px; background-position: -365px -106px; } .home-banner-pressure-pipe-title-cnt h2 span::before { left: 0; top: 10px; width: 51px; height: 45px; background-position: 0 -121px; } .home-banner-download a .icon::before { top: 0; right: 0; bottom: 0; } .home-banner-download.bim-files a .icon { padding-right: 49px; } .home-banner-download.bim-files a .icon::before { width: 39px; height: 42px; background-position: -305px -207px; } .home-banner-download.data-sheets a .icon { padding-right: 50px; } .home-banner-download.data-sheets a .icon::before { width: 35px; height: 50px; background-position: -222px -290px; } .home-banner-download.design-manuals a .icon { padding-right: 51px; } .home-banner-download.design-manuals a .icon::before { width: 37px; height: 51px; background-position: -363px -136px; } .home-banner-download.data-sheets a .icon::before, .home-banner-download.design-manuals a .icon::before { transform: rotate(-15deg); /* box-shadow: 0 0 4px 0 rgba(0,0,0,.1); */ } /*-------------------------------------------------------------- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Responsive Style ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ --------------------------------------------------------------*/ @media screen and (max-width: 767px) { h1, .section-main-title { font-size: 28px; } h2 { font-size: 26px; } h3 { font-size: 24px; } h4 { font-size: 22px; } h5 { font-size: 21px; } h6 { font-size: 20px; } .mobile-order-1 { order: 1; } .mobile-order-2 { order: 2; } .mobile-order-3 { order: 3; } .mobile-order-4 { order: 4; } .mobile-font-size-12 { font-size: 12px; } .mobile-font-size-14 { font-size: 14px; } .mobile-font-size-16 { font-size: 16px; } .mobile-font-size-17 { font-size: 17px; } .mobile-font-size-18 { font-size: 18px; } .mobile-font-size-19 { font-size: 19px; } .mobile-font-size-20 { font-size: 20px; } .mobile-font-size-21 { font-size: 21px; } .mobile-font-size-22 { font-size: 22px; } .mobile-font-size-24 { font-size: 24px; } .mobile-font-size-26 { font-size: 26px; } .mobile-font-size-28 { font-size: 28px; } .mobile-font-size-30 { font-size: 30px; } .mobile-font-size-32 { font-size: 32px; } .mobile-font-size-34 { font-size: 34px; } .mobile-font-size-36 { font-size: 36px; } .mobile-font-size-38 { font-size: 38px; } .mobile-font-size-40 { font-size: 40px; } .mobile-display-none { display: none !important; } .mobile-margin-top-zero { margin-top: 0 !important; } .mobile-margin-top-5 { margin-top: 5px !important; } .mobile-margin-top-10 { margin-top: 10px !important; } .mobile-margin-top-15 { margin-top: 15px !important; } .mobile-margin-top-20 { margin-top: 20px !important; } .mobile-margin-top-25 { margin-top: 25px !important; } .mobile-margin-top-30 { margin-top: 30px !important; } .mobile-margin-top-35 { margin-top: 35px !important; } .mobile-margin-top-40 { margin-top: 40px !important; } .mobile-margin-top-45 { margin-top: 45px !important; } .mobile-margin-top-50 { margin-top: 50px !important; } .mobile-margin-top-55 { margin-top: 55px !important; } .mobile-margin-top-60 { margin-top: 60px !important; } .mobile-margin-top-65 { margin-top: 65px !important; } .mobile-margin-top-70 { margin-top: 70px !important; } .mobile-margin-top-75 { margin-top: 75px !important; } .mobile-margin-top-80 { margin-top: 80px !important; } .mobile-margin-top-85 { margin-top: 85px !important; } .mobile-margin-top-90 { margin-top: 90px !important; } .mobile-margin-top-95 { margin-top: 95px !important; } .mobile-margin-top-100 { margin-top: 100px !important; } .mobile-margin-bottom-zero { margin-bottom: 0 !important; } .mobile-margin-bottom-5 { margin-bottom: 5px !important; } .mobile-margin-bottom-10 { margin-bottom: 10px !important; } .mobile-margin-bottom-15 { margin-bottom: 15px !important; } .mobile-margin-bottom-20 { margin-bottom: 20px !important; } .mobile-margin-bottom-25 { margin-bottom: 25px !important; } .mobile-margin-bottom-30 { margin-bottom: 30px !important; } .mobile-margin-bottom-35 { margin-bottom: 35px !important; } .mobile-margin-bottom-40 { margin-bottom: 40px !important; } .mobile-margin-bottom-45 { margin-bottom: 45px !important; } .mobile-margin-bottom-50 { margin-bottom: 50px !important; } .mobile-margin-bottom-55 { margin-bottom: 55px !important; } .mobile-margin-bottom-60 { margin-bottom: 60px !important; } .mobile-margin-bottom-65 { margin-bottom: 65px !important; } .mobile-margin-bottom-70 { margin-bottom: 70px !important; } .mobile-margin-bottom-75 { margin-bottom: 75px !important; } .mobile-margin-bottom-80 { margin-bottom: 80px !important; } .mobile-margin-bottom-85 { margin-bottom: 85px !important; } .mobile-margin-bottom-90 { margin-bottom: 90px !important; } .mobile-margin-bottom-95 { margin-bottom: 95px !important; } .mobile-margin-bottom-100 { margin-bottom: 100px !important; } .mobile-margin-left-zero { margin-left: 0 !important; } .mobile-margin-left-5 { margin-left: 5px !important; } .mobile-margin-left-10 { margin-left: 10px !important; } .mobile-margin-left-15 { margin-left: 15px !important; } .mobile-margin-left-20 { margin-left: 20px !important; } .mobile-margin-left-25 { margin-left: 25px !important; } .mobile-margin-left-30 { margin-left: 30px !important; } .mobile-margin-left-35 { margin-left: 35px !important; } .mobile-margin-left-40 { margin-left: 40px !important; } .mobile-margin-left-45 { margin-left: 45px !important; } .mobile-margin-left-50 { margin-left: 50px !important; } .mobile-margin-left-55 { margin-left: 55px !important; } .mobile-margin-left-60 { margin-left: 60px !important; } .mobile-margin-left-65 { margin-left: 65px !important; } .mobile-margin-left-70 { margin-left: 70px !important; } .mobile-margin-left-75 { margin-left: 75px !important; } .mobile-margin-left-80 { margin-left: 80px !important; } .mobile-margin-left-85 { margin-left: 85px !important; } .mobile-margin-left-90 { margin-left: 90px !important; } .mobile-margin-left-95 { margin-left: 95px !important; } .mobile-margin-left-100 { margin-left: 100px !important; } .mobile-margin-right-zero { margin-right: 0 !important; } .mobile-margin-right-zero { margin-right: 0 !important; } .mobile-margin-right-5 { margin-right: 5px !important; } .mobile-margin-right-10 { margin-right: 10px !important; } .mobile-margin-right-15 { margin-right: 15px !important; } .mobile-margin-right-20 { margin-right: 20px !important; } .mobile-margin-right-25 { margin-right: 25px !important; } .mobile-margin-right-30 { margin-right: 30px !important; } .mobile-margin-right-35 { margin-right: 35px !important; } .mobile-margin-right-40 { margin-right: 40px !important; } .mobile-margin-right-45 { margin-right: 45px !important; } .mobile-margin-right-50 { margin-right: 50px !important; } .mobile-margin-right-55 { margin-right: 55px !important; } .mobile-margin-right-60 { margin-right: 60px !important; } .mobile-margin-right-65 { margin-right: 65px !important; } .mobile-margin-right-70 { margin-right: 70px !important; } .mobile-margin-right-75 { margin-right: 75px !important; } .mobile-margin-right-80 { margin-right: 80px !important; } .mobile-margin-right-85 { margin-right: 85px !important; } .mobile-margin-right-90 { margin-right: 90px !important; } .mobile-margin-right-95 { margin-right: 95px !important; } .mobile-margin-right-100 { margin-right: 100px !important; } .mobile-column-inner-padding-top-zero > .vc_column-inner { padding-top: 0 !important; } .mobile-padding-top-zero { padding-top: 0 !important; } .mobile-padding-top-5 { padding-top: 5px !important; } .mobile-padding-top-10 { padding-top: 10px !important; } .mobile-padding-top-15 { padding-top: 15px !important; } .mobile-padding-top-20 { padding-top: 20px !important; } .mobile-padding-top-25 { padding-top: 25px !important; } .mobile-padding-top-30 { padding-top: 30px !important; } .mobile-padding-top-35 { padding-top: 35px !important; } .mobile-padding-top-40 { padding-top: 40px !important; } .mobile-padding-top-45 { padding-top: 45px !important; } .mobile-padding-top-50 { padding-top: 50px !important; } .mobile-padding-top-55 { padding-top: 55px !important; } .mobile-padding-top-60 { padding-top: 60px !important; } .mobile-padding-top-65 { padding-top: 65px !important; } .mobile-padding-top-70 { padding-top: 70px !important; } .mobile-padding-top-75 { padding-top: 75px !important; } .mobile-padding-top-80 { padding-top: 80px !important; } .mobile-padding-top-85 { padding-top: 85px !important; } .mobile-padding-top-90 { padding-top: 90px !important; } .mobile-padding-top-95 { padding-top: 95px !important; } .mobile-padding-top-100 { padding-top: 100px !important; } .mobile-padding-bottom-zero { padding-bottom: 0 !important; } .mobile-padding-bottom-5 { padding-bottom: 5px !important; } .mobile-padding-bottom-10 { padding-bottom: 10px !important; } .mobile-padding-bottom-15 { padding-bottom: 15px !important; } .mobile-padding-bottom-20 { padding-bottom: 20px !important; } .mobile-padding-bottom-25 { padding-bottom: 25px !important; } .mobile-padding-bottom-30 { padding-bottom: 30px !important; } .mobile-padding-bottom-35 { padding-bottom: 35px !important; } .mobile-padding-bottom-40 { padding-bottom: 40px !important; } .mobile-padding-bottom-45 { padding-bottom: 45px !important; } .mobile-padding-bottom-50 { padding-bottom: 50px !important; } .mobile-padding-bottom-55 { padding-bottom: 55px !important; } .mobile-padding-bottom-60 { padding-bottom: 60px !important; } .mobile-padding-bottom-65 { padding-bottom: 65px !important; } .mobile-padding-bottom-70 { padding-bottom: 70px !important; } .mobile-padding-bottom-75 { padding-bottom: 75px !important; } .mobile-padding-bottom-80 { padding-bottom: 80px !important; } .mobile-padding-bottom-85 { padding-bottom: 85px !important; } .mobile-padding-bottom-90 { padding-bottom: 90px !important; } .mobile-padding-bottom-95 { padding-bottom: 95px !important; } .mobile-padding-bottom-100 { padding-bottom: 100px !important; } .mobile-padding-left-zero, .mobile-column-inner-padding-left-zero > .vc_column-inner { padding-left: 0 !important; } .mobile-padding-left-zero { padding-left: 0 !important; } .mobile-padding-left-5 { padding-left: 5px !important; } .mobile-padding-left-10 { padding-left: 10px !important; } .mobile-padding-left-15 { padding-left: 15px !important; } .mobile-padding-left-20 { padding-left: 20px !important; } .mobile-padding-left-25 { padding-left: 25px !important; } .mobile-padding-left-30 { padding-left: 30px !important; } .mobile-padding-left-35 { padding-left: 35px !important; } .mobile-padding-left-40 { padding-left: 40px !important; } .mobile-padding-left-45 { padding-left: 45px !important; } .mobile-padding-left-50 { padding-left: 50px !important; } .mobile-padding-left-55 { padding-left: 55px !important; } .mobile-padding-left-60 { padding-left: 60px !important; } .mobile-padding-left-65 { padding-left: 65px !important; } .mobile-padding-left-70 { padding-left: 70px !important; } .mobile-padding-left-75 { padding-left: 75px !important; } .mobile-padding-left-80 { padding-left: 80px !important; } .mobile-padding-left-85 { padding-left: 85px !important; } .mobile-padding-left-90 { padding-left: 90px !important; } .mobile-padding-left-95 { padding-left: 95px !important; } .mobile-padding-left-100 { padding-left: 100px !important; } .mobile-padding-right-zero, .mobile-column-inner-padding-right-zero > .vc_column-inner { padding-right: 0 !important; } .mobile-padding-right-zero { padding-right: 0 !important; } .mobile-padding-right-5 { padding-right: 5px !important; } .mobile-padding-right-10 { padding-right: 10px !important; } .mobile-padding-right-15 { padding-right: 15px !important; } .mobile-padding-right-20 { padding-right: 20px !important; } .mobile-padding-right-25 { padding-right: 25px !important; } .mobile-padding-right-30 { padding-right: 30px !important; } .mobile-padding-right-35 { padding-right: 35px !important; } .mobile-padding-right-40 { padding-right: 40px !important; } .mobile-padding-right-45 { padding-right: 45px !important; } .mobile-padding-right-50 { padding-right: 50px !important; } .mobile-padding-right-55 { padding-right: 55px !important; } .mobile-padding-right-60 { padding-right: 60px !important; } .mobile-padding-right-65 { padding-right: 65px !important; } .mobile-padding-right-70 { padding-right: 70px !important; } .mobile-padding-right-75 { padding-right: 75px !important; } .mobile-padding-right-80 { padding-right: 80px !important; } .mobile-padding-right-85 { padding-right: 85px !important; } .mobile-padding-right-90 { padding-right: 90px !important; } .mobile-padding-right-95 { padding-right: 95px !important; } .mobile-padding-right-100 { padding-right: 100px !important; } .mobile-list-style-none li { list-style: none; } .mobile-text-align-center, .mobile-text-align-center h2, .mobile-text-align-center h3, .mobile-text-align-center h4, .mobile-text-align-center h5, .mobile-text-align-center h6, .mobile-text-align-center .vc_align_left, .mobile-text-align-center .vc_align_right, .mobile-text-align-center.vc_custom_heading, .mobile-text-align-center .vc_custom_heading { text-align: center !important; } } @media screen and (min-width: 768px) { .two-cols-list ul, .two-cols-list ol { column-count: 2; column-gap: 50px; } .desktop-display-none { display: none !important; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 70px; } .desktop-font-size-12 { font-size: 12px; } .desktop-font-size-14 { font-size: 14px; } .desktop-font-size-16 { font-size: 16px; } .desktop-font-size-17 { font-size: 17px; } .desktop-font-size-18 { font-size: 18px; } .desktop-font-size-19 { font-size: 19px; } .desktop-font-size-20 { font-size: 20px; } .desktop-font-size-21 { font-size: 21px; } .desktop-font-size-22 { font-size: 22px; } .desktop-font-size-24 { font-size: 24px; } .desktop-font-size-26 { font-size: 26px; } .desktop-font-size-28 { font-size: 28px; } .desktop-font-size-30 { font-size: 30px; } .desktop-font-size-32 { font-size: 32px; } .desktop-font-size-34 { font-size: 34px; } .desktop-font-size-36 { font-size: 36px; } .desktop-font-size-38 { font-size: 38px; } .desktop-font-size-40 { font-size: 40px; } .desktop-margin-top-zero { margin-top: 0 !important; } .desktop-margin-top-5 { margin-top: 5px !important; } .desktop-margin-top-10 { margin-top: 10px !important; } .desktop-margin-top-15 { margin-top: 15px !important; } .desktop-margin-top-20 { margin-top: 20px !important; } .desktop-margin-top-25 { margin-top: 25px !important; } .desktop-margin-top-30 { margin-top: 30px !important; } .desktop-margin-top-35 { margin-top: 35px !important; } .desktop-margin-top-40 { margin-top: 40px !important; } .desktop-margin-top-45 { margin-top: 45px !important; } .desktop-margin-top-50 { margin-top: 50px !important; } .desktop-margin-top-55 { margin-top: 55px !important; } .desktop-margin-top-60 { margin-top: 60px !important; } .desktop-margin-top-65 { margin-top: 65px !important; } .desktop-margin-top-70 { margin-top: 70px !important; } .desktop-margin-top-75 { margin-top: 75px !important; } .desktop-margin-top-80 { margin-top: 80px !important; } .desktop-margin-top-85 { margin-top: 85px !important; } .desktop-margin-top-90 { margin-top: 90px !important; } .desktop-margin-top-95 { margin-top: 95px !important; } .desktop-margin-top-100 { margin-top: 100px !important; } .desktop-margin-bottom-zero { margin-bottom: 0 !important; } .desktop-margin-bottom-5 { margin-bottom: 5px !important; } .desktop-margin-bottom-10 { margin-bottom: 10px !important; } .desktop-margin-bottom-15 { margin-bottom: 15px !important; } .desktop-margin-bottom-20 { margin-bottom: 20px !important; } .desktop-margin-bottom-25 { margin-bottom: 25px !important; } .desktop-margin-bottom-30 { margin-bottom: 30px !important; } .desktop-margin-bottom-35 { margin-bottom: 35px !important; } .desktop-margin-bottom-40 { margin-bottom: 40px !important; } .desktop-margin-bottom-45 { margin-bottom: 45px !important; } .desktop-margin-bottom-50 { margin-bottom: 50px !important; } .desktop-margin-bottom-55 { margin-bottom: 55px !important; } .desktop-margin-bottom-60 { margin-bottom: 60px !important; } .desktop-margin-bottom-65 { margin-bottom: 65px !important; } .desktop-margin-bottom-70 { margin-bottom: 70px !important; } .desktop-margin-bottom-75 { margin-bottom: 75px !important; } .desktop-margin-bottom-80 { margin-bottom: 80px !important; } .desktop-margin-bottom-85 { margin-bottom: 85px !important; } .desktop-margin-bottom-90 { margin-bottom: 90px !important; } .desktop-margin-bottom-95 { margin-bottom: 95px !important; } .desktop-margin-bottom-100 { margin-bottom: 100px !important; } .desktop-margin-left-zero { margin-left: 0 !important; } .desktop-margin-left-5 { margin-left: 5px !important; } .desktop-margin-left-10 { margin-left: 10px !important; } .desktop-margin-left-15 { margin-left: 15px !important; } .desktop-margin-left-20 { margin-left: 20px !important; } .desktop-margin-left-25 { margin-left: 25px !important; } .desktop-margin-left-30 { margin-left: 30px !important; } .desktop-margin-left-35 { margin-left: 35px !important; } .desktop-margin-left-40 { margin-left: 40px !important; } .desktop-margin-left-45 { margin-left: 45px !important; } .desktop-margin-left-50 { margin-left: 50px !important; } .desktop-margin-left-55 { margin-left: 55px !important; } .desktop-margin-left-60 { margin-left: 60px !important; } .desktop-margin-left-65 { margin-left: 65px !important; } .desktop-margin-left-70 { margin-left: 70px !important; } .desktop-margin-left-75 { margin-left: 75px !important; } .desktop-margin-left-80 { margin-left: 80px !important; } .desktop-margin-left-85 { margin-left: 85px !important; } .desktop-margin-left-90 { margin-left: 90px !important; } .desktop-margin-left-95 { margin-left: 95px !important; } .desktop-margin-left-100 { margin-left: 100px !important; } .desktop-margin-right-zero { margin-right: 0 !important; } .desktop-margin-right-zero { margin-right: 0 !important; } .desktop-margin-right-5 { margin-right: 5px !important; } .desktop-margin-right-10 { margin-right: 10px !important; } .desktop-margin-right-15 { margin-right: 15px !important; } .desktop-margin-right-20 { margin-right: 20px !important; } .desktop-margin-right-25 { margin-right: 25px !important; } .desktop-margin-right-30 { margin-right: 30px !important; } .desktop-margin-right-35 { margin-right: 35px !important; } .desktop-margin-right-40 { margin-right: 40px !important; } .desktop-margin-right-45 { margin-right: 45px !important; } .desktop-margin-right-50 { margin-right: 50px !important; } .desktop-margin-right-55 { margin-right: 55px !important; } .desktop-margin-right-60 { margin-right: 60px !important; } .desktop-margin-right-65 { margin-right: 65px !important; } .desktop-margin-right-70 { margin-right: 70px !important; } .desktop-margin-right-75 { margin-right: 75px !important; } .desktop-margin-right-80 { margin-right: 80px !important; } .desktop-margin-right-85 { margin-right: 85px !important; } .desktop-margin-right-90 { margin-right: 90px !important; } .desktop-margin-right-95 { margin-right: 95px !important; } .desktop-margin-right-100 { margin-right: 100px !important; } .desktop-column-inner-padding-top-zero > .vc_column-inner { padding-top: 0 !important; } .desktop-padding-top-zero { padding-top: 0 !important; } .desktop-padding-top-5 { padding-top: 5px !important; } .desktop-padding-top-10 { padding-top: 10px !important; } .desktop-padding-top-15 { padding-top: 15px !important; } .desktop-padding-top-20 { padding-top: 20px !important; } .desktop-padding-top-25 { padding-top: 25px !important; } .desktop-padding-top-30 { padding-top: 30px !important; } .desktop-padding-top-35 { padding-top: 35px !important; } .desktop-padding-top-40 { padding-top: 40px !important; } .desktop-padding-top-45 { padding-top: 45px !important; } .desktop-padding-top-50 { padding-top: 50px !important; } .desktop-padding-top-55 { padding-top: 55px !important; } .desktop-padding-top-60 { padding-top: 60px !important; } .desktop-padding-top-65 { padding-top: 65px !important; } .desktop-padding-top-70 { padding-top: 70px !important; } .desktop-padding-top-75 { padding-top: 75px !important; } .desktop-padding-top-80 { padding-top: 80px !important; } .desktop-padding-top-85 { padding-top: 85px !important; } .desktop-padding-top-90 { padding-top: 90px !important; } .desktop-padding-top-95 { padding-top: 95px !important; } .desktop-padding-top-100 { padding-top: 100px !important; } .desktop-padding-bottom-zero { padding-bottom: 0 !important; } .desktop-padding-bottom-5 { padding-bottom: 5px !important; } .desktop-padding-bottom-10 { padding-bottom: 10px !important; } .desktop-padding-bottom-15 { padding-bottom: 15px !important; } .desktop-padding-bottom-20 { padding-bottom: 20px !important; } .desktop-padding-bottom-25 { padding-bottom: 25px !important; } .desktop-padding-bottom-30 { padding-bottom: 30px !important; } .desktop-padding-bottom-35 { padding-bottom: 35px !important; } .desktop-padding-bottom-40 { padding-bottom: 40px !important; } .desktop-padding-bottom-45 { padding-bottom: 45px !important; } .desktop-padding-bottom-50 { padding-bottom: 50px !important; } .desktop-padding-bottom-55 { padding-bottom: 55px !important; } .desktop-padding-bottom-60 { padding-bottom: 60px !important; } .desktop-padding-bottom-65 { padding-bottom: 65px !important; } .desktop-padding-bottom-70 { padding-bottom: 70px !important; } .desktop-padding-bottom-75 { padding-bottom: 75px !important; } .desktop-padding-bottom-80 { padding-bottom: 80px !important; } .desktop-padding-bottom-85 { padding-bottom: 85px !important; } .desktop-padding-bottom-90 { padding-bottom: 90px !important; } .desktop-padding-bottom-95 { padding-bottom: 95px !important; } .desktop-padding-bottom-100 { padding-bottom: 100px !important; } .desktop-padding-left-zero, .desktop-column-inner-padding-left-zero > .vc_column-inner { padding-left: 0 !important; } .desktop-padding-left-zero { padding-left: 0 !important; } .desktop-padding-left-5 { padding-left: 5px !important; } .desktop-padding-left-10 { padding-left: 10px !important; } .desktop-padding-left-15 { padding-left: 15px !important; } .desktop-padding-left-20 { padding-left: 20px !important; } .desktop-padding-left-25 { padding-left: 25px !important; } .desktop-padding-left-30 { padding-left: 30px !important; } .desktop-padding-left-35 { padding-left: 35px !important; } .desktop-padding-left-40 { padding-left: 40px !important; } .desktop-padding-left-45 { padding-left: 45px !important; } .desktop-padding-left-50 { padding-left: 50px !important; } .desktop-padding-left-55 { padding-left: 55px !important; } .desktop-padding-left-60 { padding-left: 60px !important; } .desktop-padding-left-65 { padding-left: 65px !important; } .desktop-padding-left-70 { padding-left: 70px !important; } .desktop-padding-left-75 { padding-left: 75px !important; } .desktop-padding-left-80 { padding-left: 80px !important; } .desktop-padding-left-85 { padding-left: 85px !important; } .desktop-padding-left-90 { padding-left: 90px !important; } .desktop-padding-left-95 { padding-left: 95px !important; } .desktop-padding-left-100 { padding-left: 100px !important; } .desktop-padding-right-zero, .desktop-column-inner-padding-right-zero > .vc_column-inner { padding-right: 0 !important; } .desktop-padding-right-zero { padding-right: 0 !important; } .desktop-padding-right-5 { padding-right: 5px !important; } .desktop-padding-right-10 { padding-right: 10px !important; } .desktop-padding-right-15 { padding-right: 15px !important; } .desktop-padding-right-20 { padding-right: 20px !important; } .desktop-padding-right-25 { padding-right: 25px !important; } .desktop-padding-right-30 { padding-right: 30px !important; } .desktop-padding-right-35 { padding-right: 35px !important; } .desktop-padding-right-40 { padding-right: 40px !important; } .desktop-padding-right-45 { padding-right: 45px !important; } .desktop-padding-right-50 { padding-right: 50px !important; } .desktop-padding-right-55 { padding-right: 55px !important; } .desktop-padding-right-60 { padding-right: 60px !important; } .desktop-padding-right-65 { padding-right: 65px !important; } .desktop-padding-right-70 { padding-right: 70px !important; } .desktop-padding-right-75 { padding-right: 75px !important; } .desktop-padding-right-80 { padding-right: 80px !important; } .desktop-padding-right-85 { padding-right: 85px !important; } .desktop-padding-right-90 { padding-right: 90px !important; } .desktop-padding-right-95 { padding-right: 95px !important; } .desktop-padding-right-100 { padding-right: 100px !important; } .desktop-text-align-center, .desktop-text-align-center h2, .desktop-text-align-center h3, .desktop-text-align-center h4, .desktop-text-align-center h5, .desktop-text-align-center h6, .desktop-text-align-center.vc_custom_heading, .desktop-text-align-center .vc_custom_heading { text-align: center !important; } .desktop-text-align-right, .desktop-text-align-right h2, .desktop-text-align-right h3, .desktop-text-align-right h4, .desktop-text-align-right h5, .desktop-text-align-right h6, .desktop-text-align-right.vc_custom_heading, .desktop-text-align-right .vc_custom_heading { text-align: right !important; } .desktop-column-inner-padding-right-zero .wpb_single_image.vc_align_center { text-align: right !important; } .desktop-overflow-visible { overflow: visible !important; } } @media screen and (min-width: 768px) and (max-width: 999px) { .wrapper { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1000px) and (max-width: 1299px) { .wrapper { max-width: 90%; } } @media screen and (max-width: 1299px) { .max-width-1250, .max-width-1300, .max-width-1400, .max-width-1450, .max-width-1500, .max-width-1550, .max-width-1600 { max-width: 1230px !important; } } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ @media screen and (max-width: 767px) { .mobile-noscroll { overflow: hidden; } body.mobile-noscroll { position: fixed; } #page-wrap.mobile-noscroll { padding-top: 75px; } #header { z-index: 999999; background: #fff; } #header.mobile-fixed-header { top: 0; left: 0; position: fixed; box-shadow: 0.749px 1.854px 3px 0px rgba(0, 0, 0, 0.15); } #header-column-1 { display: block; } #header-column-3 { flex-grow: 1; } #navbar, #header-column-2 { display: none; } #toggle-menu, #menu-toggle, #toggle-menu li#menu-toggle, #toggle-menu li#call-btn { display: block; } #toggle-menu ul { width: 150px; } #header-logo { max-width: 220px; } #header-search-form-cnt .site-search-form input[type="search"] { padding-block: 40px; } #nz-made-logo { display: none; } } @media screen and (min-width: 768px) { #page-wrap { opacity: 1 !important; margin-left: 0 !important; } #mobile-navigation { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 1099px) { #header-columns { flex-wrap: wrap; } #header-column-1 { width: 100%; justify-content: space-between; } #header-column-2 { width: calc(100% - 80px); } #header-column-3 { width: 80px; } #navbar { float: none; } #navbar .main-list-wrap > li { margin-right: 15px; } #navbar .main-list-wrap > li > a { font-size: 14px; } #header-logo { max-width: 350px; } #header-search-form-cnt .site-search-form input[type="search"] { padding-block: 80px; } } @media screen and (min-width: 1100px) and (max-width: 1399px) { #navbar .main-list-wrap > li { margin-right: 11px; } #navbar .main-list-wrap > li > a { font-size: 13px; } #header-logo { max-width: 260px; } } /*-------------------------------------------------------------- ## Main Content --------------------------------------------------------------*/ @media screen and (max-width: 649px) { .post-summary.has-post-thumbnail { display: block; } .post-summary .entry-thumbnail { width: 290px; margin-left: auto; margin-right: auto; } .post-summary.has-post-thumbnail .entry-summary { padding: 25px 0 0; } .testimonial-post-summary.has-post-thumbnail:nth-child(2n) .entry-summary { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 767px) { .section-sub-title, .main-heading-with-small-title small, .main-heading-with-bottom-small-title small { font-size: 20px; } .main-heading-with-bottom-small-title { line-height: 30px; } .home-banner-cta-cnt .wpb_raw_html a { padding: 10px 20px; } .home-banner-cta-cnt-1 { padding-right: 10px !important; } .home-banner-cta-cnt-2 { padding-left: 10px !important; } .home-banner-cta-cnt .wpb_raw_html h2 { font-size: 28px; } .home-banner-cta-cnt .wpb_raw_html p { font-size: 14px; line-height: 1.3; } .home-banner-infrapipe-title-cnt h2 span { width: 230px; height: 33px; } .home-banner-infrapipe-title-cnt h2 span::before { background-position: 0 -91px; background-size: 300px 300px; } .home-banner-title-has-circle-tick h2 { padding-left: 48px; } .home-banner-title-has-circle-tick h2::before { top: 0; width: 38px; height: 33px; background-position: 0 -91px; background-size: 300px 300px; } .home-banner-pressure-pipe-title-cnt h2 span { padding-left: 42px; } .home-banner-pressure-pipe-title-cnt h2 span::before { top: 1px; width: 38px; height: 34px; background-position: 0 -91px; background-size: 300px 300px; } .home-banner-ecopipe-title h2 { width: 201px; height: 34px; } .home-banner-ecopipe-title h2::before { top: 0; background-position: 0 -132px; background-size: 300px 300px; } .content-banner-hover-title { left: 30px; bottom: 15px; } .recycle-process-step > .vc_column-inner > .wpb_wrapper { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .recycle-process-step { padding-top: 100px; } .recycle-process-step::before { top: 0; left: 0; right: 0; bottom: inherit; } .recycle-process-step-1 .recycle-process-step::after, .recycle-process-step-2 .recycle-process-step::after, .recycle-process-step-3 .recycle-process-step::after, .recycle-process-step-4 .recycle-process-step::after, .recycle-process-step-5 .recycle-process-step::after, .recycle-process-step-6 .recycle-process-step::after { left: 0; right: 0; bottom: inherit; } .recycle-process-step-1 .recycle-process-step::after { top: 18px; } .recycle-process-step-2 .recycle-process-step::after { top: 20px; } .recycle-process-step-3 .recycle-process-step::after { top: 20px; } .recycle-process-step-4 .recycle-process-step::after { top: 9px } .recycle-process-step-5 .recycle-process-step::after { top: 17px; } .recycle-process-step-6 .recycle-process-step::after { top: 16px; } .flip-card { height: 340px; } .flip-card-back { padding: 0; } .about-main-banner-section { height: auto; background: none !important; } .about-us-fabricating-better-tomorrow > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 25px; margin-bottom: 0; } .about-us-fabricating-better-tomorrow h1 { line-height: 1; font-size: 28px; } .product-ranges-main-section > .vc_column_container > .vc_column-inner { padding-top: 0 !important; } .product-ranges-cnt { padding: 45px 25px 25px; } .pressure-pipe-benefit-cta-1::before, .pressure-pipe-benefit-cta-2::before, .pressure-pipe-benefit-cta-4::before, .pressure-pipe-benefit-cta-5::before, .title-green-highlighter::before { display: none; } } @media screen and (min-width: 768px) { .about-us-fabricating-better-tomorrow > .vc_column_container > .vc_column-inner > .wpb_wrapper { position: relative; isolation: isolate; } .about-us-fabricating-better-tomorrow > .vc_column_container > .vc_column-inner > .wpb_wrapper::before { content: ''; display: block; position: absolute; background: #3d9842; width: 0; height: 100%; left: 0; top: 0; padding-left: 999rem; margin-left: -999rem; } .list-style-cols-2 ol { column-count: 3; column-gap: 50px; } } @media screen and (max-width: 799px) { #regular-index, #tertiary { width: 100%; float: none; clear: both; } #regular-index, #regular-content { margin-left: 0; } #tertiary { padding-top: 16px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .home-banner-cta-cnt .wpb_raw_html a { padding: 10px 25px; } /* .home-banner-cta-cnt .wpb_raw_html h2 { font-size: 46px; } */ .home-banner-cta-cnt .wpb_raw_html p { font-size: 16px; } .home-banner-title-has-circle-tick h2::before { top: -5px; } .recycle-process-step { padding-left: 100px; } .recycle-process-step-row { margin-bottom: 35px; } .recycle-process-step::before { left: 15px; } .recycle-process-step-1 .recycle-process-step::after { left: 34px; } .recycle-process-step-2 .recycle-process-step::after { left: 36px; } .recycle-process-step-3 .recycle-process-step::after { left: 31px; } .recycle-process-step-4 .recycle-process-step::after { left: 46px; } .recycle-process-step-5 .recycle-process-step::after { left: 30px; } .recycle-process-step-6 .recycle-process-step::after { left: 31px; } } @media screen and (max-width: 991px) { .slider-hide-pagination { margin-bottom: 0 !important; } } @media screen and (min-width: 992px) { .pressure-pipe-slider-cnt { padding-right: 35px !important; } } @media screen and (min-width: 1200px) { .recycling-steps-section { overflow: hidden; } .recycling-steps-cnt { position: relative; } .recycling-steps-cnt::before { content: ''; display: block; position: absolute; width: 1400px; height: 1400px; border-radius: 50%; border: 6px solid #77b154; top: -224px; left: -965px; } .recycle-process-step-row { z-index: 3; margin-bottom: 35px; position: relative; } .recycle-process-step { padding-left: 80px; position: relative; } .recycle-process-step-1 .recycle-process-step { margin-left: -87px; } .recycle-process-step-3 { margin-left: 20px; } .recycle-process-step-4 { margin-left: 14px; } .recycle-process-step-5 .recycle-process-step { margin-left: -30px; } .recycle-process-step-6 .recycle-process-step { margin-left: -143px; } .recycling-steps-col-1 { height: 975px; display: flex; align-items: center; } .recycling-steps-col-1 > .vc_column-inner > .wpb_wrapper { max-width: 246px; } } @media screen and (max-width: 1249px) { .slim-text-banner-content p { font-size: 1.42vw; padding-top: 10px; padding-bottom: 10px; } } @media screen and (min-width: 1200px) and (max-width: 1260px) { .recycling-steps-cnt::before { left: -1017px; } .recycle-process-step-5 .recycle-process-step { margin-left: -8px; } .recycle-process-step-6 .recycle-process-step { margin-left: -80px; } } @media screen and (min-width: 1261px) and (max-width: 1399px) { .recycling-steps-cnt::before { left: -1000px; } .recycle-process-step-3 { margin-left: 14px; } .recycle-process-step-4 { margin-left: 26px; } .recycle-process-step-5 .recycle-process-step { margin-left: 0px; } .recycle-process-step-6 .recycle-process-step { margin-left: -73px; } } @media screen and (min-width: 2800px) { .recycling-steps-section { position: relative; } .recycling-steps-section::before { content: ''; display: block; position: absolute; background: #f4f4f4; width: 800px; height: 100%; left: 0; top: 0; z-index: 2; } } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ @media screen and (max-width: 767px) { #footer { border-left: none; border-right: none; } #footer::before, #footer::after { content: ''; position: absolute; display: inline-block; background: #fff; width: 15px; height: 101%; top: 0; } #footer::before { left: 0; } #footer::after { right: 0; } #footer-wrap { padding-left: 15px; padding-right: 15px; } #footer-columns { flex-direction: column; } .footer-column { float: none; clear: both; width: 100%; margin-top: 30px; } #footer-column-2 { padding-left: 15px; } .footer-column:first-child { margin-top: 0; } #testimonial-feed-main-title { font-size: 20px; } #testimonials-feed-wrap { padding-left: 5px; padding-right: 5px; } #testimonials-feed-slider { padding-left: 40px; padding-right: 40px; } #testimonials-feed-slider:before, #testimonials-feed-slider:after { width: 21px; height: 20px; background-size: 125px 125px; } #testimonials-feed-slider:before { background-position: -52px -22px; } #testimonials-feed-slider:after { background-position: -75px -22px; } .sustainable-solutions-banner-cnt { display: block; } .sustainable-solutions-title, .sustainable-solutions-content { width: 100%; text-align: center; } .sustainable-solutions-title h2 { padding: 15px; clip-path: none; border-left: 10px solid transparent; border-right: 10px solid #006f3b; } .sustainable-solutions-title h2::before { display: none; } .sustainable-solutions-content { font-size: 18px; line-height: 1.9; padding: 25px 15px; } #footer-logo { max-width: 240px; } #text-2 { max-width: 260px; margin-left: auto; margin-right: auto; text-align: center; } #nav_menu-2 { float: none; text-align: center; } #nav_menu-2 li { float: none; margin-right: 0; margin-bottom: 5px; } #nav_menu-2 li:last-child { margin-top: 25px; } #nav_menu-3 { text-align: center; } #media_image-2 { max-width: 100px; } #copyright { float: none; margin-top: 0; padding-top: 30px; text-align: center; } } @media screen and (min-width: 768px) and (max-width: 910px) { .sustainable-solutions-title h2::before { -moz-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); -o-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); } } @media screen and (min-width: 768px) and (max-width: 1199px) { .sustainable-solutions-title h2::before { width: 25px; right: 7px; } #copyright { margin-top: 0; padding-right: 15px; } #nav_menu-2 li { margin-right: 15px; } #footer-column-2 { padding-left: 15px; } } @media screen and (min-width: 768px) and (max-width: 1249px) { .sustainable-solutions-title h2 { font-size: 3.5vw; } .sustainable-solutions-content { font-size: 2.1vw; padding: 20px 35px; } } /*-------------------------------------------------------------- ## Gravity Forms --------------------------------------------------------------*/ @media screen and (max-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half, body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half, body .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), body .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } }