/* Theme Name: The Pool Man Theme URI: https://www.thepoolman.co.nz/ Description: Responsive template for The Pool Man Version: 06112020 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 -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);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);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;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-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-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-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-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;-webkit-transform-origin:center;animation-name:jello;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-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity: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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;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%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity: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%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity: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%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;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{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}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);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.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{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;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){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!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%} /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ *:focus { outline: 0; } 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: #333; font: 16px/1.6 'Open Sans', 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; padding-left: 15px; } li > ul, li > ol { margin-bottom: 0; } li { margin-bottom: 5px; } /*-------------------------------------------------------------- ## Container Width --------------------------------------------------------------*/ #page-wrap { background: #fff; transition: .1s; } .full-width { width: 100%; float: left; min-width: 320px; position: relative; } .wrapper { margin: 0 auto; min-width: 320px; max-width: 1260px; padding: 30px 15px; position: relative; } .wrapper.wrapper-padding-zero { padding-top: 0; padding-bottom: 0; } .wrapper.wrapper-padding-top-zero { padding-top: 0; } body.page-template-page-edge-width-no-padding #content-wrap { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #footer-wrap { padding-left: 0; padding-right: 0; } .inner-width { width: 100%; position: relative; } /*-------------------------------------------------------------- # 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; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .margin-top-25 { margin-top: 25px; } .margin-top-30 { margin-top: 30px; } .margin-top-35 { margin-top: 35px; } .margin-top-40 { margin-top: 40px; } .margin-top-45 { margin-top: 45px; } .margin-top-50 { margin-top: 50px; } .margin-bottom-zero { margin-bottom: 0 !important; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-bottom-50 { margin-bottom: 50px; } .column-inner-padding-top-zero > .vc_column-inner { padding-top: 0 !important; } .padding-top-5 { padding-top: 5px; } .padding-top-10 { padding-top: 10px; } .padding-top-15 { padding-top: 15px; } .padding-top-20 { padding-top: 20px; } .padding-top-25 { padding-top: 25px; } .padding-top-30 { padding-top: 30px; } .padding-top-35 { padding-top: 35px; } .padding-top-40 { padding-top: 40px; } .padding-top-45 { padding-top: 45px; } .padding-top-50 { padding-top: 50px; } .padding-top-55 { padding-top: 55px; } .padding-top-60 { padding-top: 60px; } .padding-bottom-5 { padding-bottom: 5px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-35 { padding-bottom: 35px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-45 { padding-bottom: 45px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-55 { padding-bottom: 55px; } .padding-bottom-60 { padding-bottom: 60px; } .max-width-300 { max-width: 300px !important; } .max-width-400 { max-width: 400px !important; } .max-width-450 { max-width: 450px !important; } .max-width-500 { max-width: 500px !important; } .center-align-container { margin-inline: auto !important; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #0079c2; line-height: 1.2; font-weight: 300; margin-bottom: 16px; } h1 { font-size: 30px; } h2 { font-size: 28px; } h3 { font-size: 26px; } h4 { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 20px; } p { margin-bottom: 1em; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } .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-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; } #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; } .max-width-800, .max-width-1000, .max-width-1050, .max-width-1100, .max-width-1150, .max-width-1200 { width: 100%; margin-left: auto !important; margin-right: auto !important; } .max-width-800 { max-width: 800px; } .max-width-1000 { max-width: 1000px; } .max-width-1050 { max-width: 1050px; } .max-width-1100 { max-width: 1100px; } .max-width-1150 { max-width: 1150px; } .max-width-1200 { max-width: 1200px; } .max-width-1260 { max-width: 1260px; } /*-------------------------------------------------------------- # Links --------------------------------------------------------------*/ a { color: #0079c2; text-decoration: none; } a:hover, .vc_custom_heading a:hover { color: #f4911d; } .has-link-text-dark-color a { color: #000; } .has-link-text-dark-color a:hover { color: #0079c2; } /*-------------------------------------------------------------- ## 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: 1px; } .menu-social-links-menu-container li:last-child { margin-right: 0; } .menu-social-links-menu-container li a { width: 38px; height: 38px; display: block; overflow: hidden; text-indent: 100%; position: relative; white-space: nowrap; } .menu-social-links-menu-container li:hover a { background: #fafafa; } /*-------------------------------------------------------------- # 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 { background: #fff; } #header.headroom { will-change: transform; transition: transform 200ms linear; } #header.headroom--bottom, #header.headroom--pinned:not(.headroom--top) { z-index: 999999 !important; -webkit-box-shadow: 0 2px 4px 0 rgba(153,153,153,.22); box-shadow: 0 2px 4px 0 rgba(153,153,153,.22); } #header.headroom--unpinned { transform: translateY(-200%); } #header.headroom--pinned, #header.headroom--unpinned.headroom--bottom { transform: translateY(0%); } #header-wrap { padding-top: 20px; padding-bottom: 0; } #header-columns { display: flex; } body.page-template-page-no-padding-with-banner #header-column-1, body.page-template-page-edge-width-no-padding #header-column-1, body.page-template-page-form-thanks #header-column-1, body.page-template-page-testimonials #header-column-1 { min-width: 175px; } #header-column-2 { flex-grow: 1; text-align: center; align-self: flex-end; } #header-logo { width: 100%; height: auto; max-width: 120px; position: relative; top: -11px; } #custom_html-2 { margin-top: -20px; margin-bottom: 10px; } #custom_html-2 a { color: #fff; display: block; font-size: 18px; font-weight: 700; background: #f3901d; position: relative; text-transform: uppercase; padding: 15px 95px 15px 20px; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -ms-transition: background 200ms linear; -o-transition: background 200ms linear; transition: background 200ms linear; } #custom_html-2 a:hover { color: #fff; background: #0079c2; } #custom_html-3 { text-align: center; } #custom_html-3 .phone-number { font-size: 24px; line-height: 1; font-weight: 700; position: relative; padding-left: 25px; display: inline-block; } /*-------------------------------------------------------------- ## Main Menu --------------------------------------------------------------*/ #navigation-wrap { padding-top: 0; padding-bottom: 0; } #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 { display: inline-block; } #navbar .main-list-wrap > li:first-child { margin-left: 0; } #navbar a { display: block; font: 500 16px 'Quicksand', sans-serif; } #navbar .main-list-wrap > li > a { padding: 25px 10px 40px; text-transform: uppercase; } #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: #f4911d; } /*#navbar .main-list-wrap > li.menu-item-has-children > a:after { content: ''; position: absolute; display: inline-block; margin: auto; width: 0; height: 0; opacity: 0.3; border: 4px solid #000; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; left: 0; right: 0; bottom: 4px; }*/ #navbar .main-list-wrap > li > ul { z-index: 99999; display: none; min-width: 100%; background: #fff; text-align: left; position: absolute; -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.22); box-shadow: 0 4px 4px 0 rgba(0,0,0,.22); } #navbar .main-list-wrap > li:hover > ul { display: block; } #navbar .main-list-wrap > li > ul > li { white-space: nowrap; } #navbar .main-list-wrap > li > ul > li > a { font-size: 16px; padding: 15px 20px; } #navbar .main-list-wrap > li > ul > li:hover > a, #navbar .main-list-wrap > li > ul > li.current-menu-item > a { color: #f4911d; } #navbar .main-list-wrap > li > ul > li > ul { top: 0; left: 100%; display: none; background: #fff; position: absolute; } #navbar .main-list-wrap > li > ul > li.menu-item-has-children > a:after { content: ''; position: absolute; display: inline-block; margin: auto; width: 0; height: 0; opacity: 0.3; border: 4px solid #fff; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; top: 0; right: 5px; bottom: 0; } #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: #f4911d; } /*-------------------------------------------------------------- # Mobile Menu --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Toggle Menu --------------------------------------------------------------*/ #toggle-menu { width: 45px; height: 60px; display: none; } #menu-toggle { width: 100%; margin: auto; display: block; max-width: 45px; cursor: pointer; padding-top: 10px; padding-bottom: 10px; } #menu-toggle span { width: 100%; height: 6px; display: block; margin-bottom: 6px; background: #0079c2; -webkit-border-radius: 10px; border-radius: 10px; } #menu-toggle span:last-child { margin: 0; } /*-------------------------------------------------------------- ## Slide Navigation and Search --------------------------------------------------------------*/ #mobile-navigation { top: 0; left: 0; bottom: 0; width: 100%; height: 100%; /*max-width: 95%;*/ position: fixed; z-index: 9999999; background: #282828; padding: 10px 0 0; transition: .1s; overflow-x: hidden; margin-left: -100%; } #mobile-logo { max-width: 90px; margin: 10px auto; } #mobile-menu-close-btn { top: 0; right: 15px; color: #e8e8e8; font-size: 36px; position: absolute; -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-close-btn:hover { color: #0079c2; } #mobile-menu { text-align: center; } #mobile-menu ul, #mobile-menu li { margin: 0; list-style: none; } #mobile-menu a { color: #fff; padding: 10px 0; font-size: 16px; font-weight: 300; transition: 0.3s; position: relative; display: inline-block; -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 .main-list-wrap > li > a { font-size: 20px; font-weight: 400; text-transform: uppercase; } #mobile-menu .main-list-wrap > li > a:hover, #mobile-menu .main-list-wrap > li.current-menu-item > a, #mobile-menu .main-list-wrap > li.current-menu-ancestor > a { color: #f4911d; } #mobile-menu .main-list-wrap > li > ul > li > a:hover, #mobile-menu .main-list-wrap > li > ul > li.current-menu-item > a { color: #0079c2; } #mobile-search { padding: 30px 10px; } /*-------------------------------------------------------------- ## Main Content --------------------------------------------------------------*/ #regular-index { float: left; width: 100%; margin-left: -300px; } #regular-content { margin-left: 300px; } .wpb_single_image a { display: inline-block; } .banner-sub-title { text-align: center; margin-top: -20px; margin-bottom: 0; } .banner-sub-title .wpb_wrapper { z-index: 1; position: relative; display: inline-block; } .banner-sub-title .outer-traingle-1, .banner-sub-title .outer-traingle-2, .banner-sub-title .top-traingle-1, .banner-sub-title .top-traingle-2 { width: 100%; height: 0; display: block; position: relative; } .outer-traingle-1:before, .outer-traingle-1:after, .outer-traingle-2:before, .outer-traingle-2:after, .top-traingle-1:before, .top-traingle-1:after, .top-traingle-2:before, .top-traingle-2:after { content: ''; position: absolute; display: inline-block; width: 0; height: 0; z-index: -1; } .outer-traingle-1:before, .outer-traingle-1:after, .outer-traingle-2:before, .outer-traingle-2:after { top: -10px; } .outer-traingle-1:before { left: -70px; border-left: 45px solid transparent; border-right: 45px solid #fff; border-top: 30px solid #fff; border-bottom: 30px solid #fff; } .outer-traingle-1:after { top: -8px; left: -63px; border-left: 42px solid transparent; border-right: 42px solid #e77204; border-top: 28px solid #e77204; border-bottom: 28px solid #e77204; } .outer-traingle-2:before { right: -70px; border-left: 45px solid #fff; border-right: 45px solid transparent; border-top: 30px solid #fff; border-bottom: 30px solid #fff; } .outer-traingle-2:after { top: -8px; right: -63px; border-left: 42px solid #e77204; border-right: 42px solid transparent; border-top: 28px solid #e77204; border-bottom: 28px solid #e77204; } .top-traingle-1:before { top: -11px; left: -1px; border-left: 11px solid transparent; border-right: 12px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid #fff; } .top-traingle-1:after { top: -7px; left: 2px; border-left: 9px solid transparent; border-right: 9px solid #b15426; border-top: 4px solid transparent; border-bottom: 4px solid #b15426; } .top-traingle-2:before { top: -11px; right: -1px; border-left: 11px solid #fff; border-right: 12px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid #fff; } .top-traingle-2:after { top: -7px; right: 2px; border-left: 9px solid #b15426; border-right: 9px solid transparent; border-top: 4px solid transparent; border-bottom: 4px solid #b15426; } .banner-sub-title h2 { margin: 0; color: #fff; font-weight: 600; font-size: 22px; padding: 15px 20px; background: #f3901d; display: inline-block; border: 2px solid #fff; } .blue-border-btn, .solid-orange-btn, .white-btn-with-orange-border { font-weight: 700; padding: 16px 40px; transition: all 0.1s; display: inline-block; border-width: 2px; border-style: solid; text-align: center; -webkit-border-radius: 50px; border-radius: 50px; } .white-btn-with-orange-border { color: #f3901d; background: #fff; border-color: #f3901d; } .white-btn-with-orange-border:hover { color: #0079c2; border-color: #0079c2; } .solid-orange-btn { color: #fff; background: #f3901d; border-color: #f3901d; } .solid-orange-btn:hover { color: #f3901d; background: transparent; border-color: #f3901d; } .blue-border-btn { color: #0079c2; border-color: #0079c2; } .blue-border-btn:hover { color: #fff; background: #0079c2; border-color: #0079c2; } .inline-btns-spacing { margin-top: -15px; } .inline-btns-spacing a { margin-top: 15px; margin-right: 15px; } .inline-btns-spacing a:last-child { margin-right: 0; } /*.solid-orange-btn:hover, .blue-border-btn:hover, .white-btn-with-orange-border:hover { -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15); }*/ .wpb_single_image a { position: relative; } .wpb_single_image:not(.no-hover-icon) a:before { content: ''; position: absolute; display: inline-block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,146,214,0.6); opacity: 0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .wpb_single_image a:hover:before { opacity: 1; } /*-------------------------------------------------------------- ### Homepage --------------------------------------------------------------*/ /* body.has-revolution-slider .hide-cnt-on-initial-load { visibility: hidden; } */ .home-banner-scroll-down { opacity: 0.6 !important; } .home-banner-scroll-down:hover { opacity: 0.9 !important; } .home-service-cta a { color: #000; display: block; text-align: center; } .home-service-cta a h2 { color: #0079c2; font-size: 26px; } .home-cta-content p { text-align: justify; text-align-last: center; } .home-cta-content *:last-child { margin: 0; } .home-cta-content { padding: 20px; border: 1px solid #fff; border-bottom-width: 2px; } .home-cta-learn-more-btn { display: block; color: #f4911d; text-align: center; padding: 10px 20px; border: 2px solid transparent; margin-top: -2px; } .home-service-cta a .home-cta-content { /* border-color: #eaeaea; */ border-bottom-color: #f4911d; } .home-service-cta a:hover .home-cta-content { border-bottom-color: #fff; } .home-service-cta a:hover .home-cta-learn-more-btn { border-color: #f4911d; -webkit-border-radius: 50px; border-radius: 50px; } .home-icon-group-1 { width: 94px; height: 71px; display: flex; margin-left: auto; margin-right: auto; margin-bottom: 25px; align-items: flex-end; justify-content: center; } .home-icon-group-1 svg { width: 100%; height: auto; display: inline-block; } .home-icon-group-1 .wricon-renovations { max-width: 75px; } .home-icon-group-1 .wricon-repairs-service { max-width: 69px; } .home-icon-group-1 .wricon-cleaning-valet { max-width: 70px; } .home-icon-group-1 .wricon-products { max-width: 94px; } .give-pool-makeover-thumb img { -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.3); box-shadow: 0 4px 4px 0 rgba(0,0,0,0.3); } .give-your-pool-makeover-title { font-size: 60px; } #home-swimming-pool-renovations-row { position: relative; } #home-swimming-pool-renovations-row:before { content: ''; position: absolute; display: inline-block; width: 100%; height: 70px; left: 0; top: -70px; background: #f8f9f9; } .home-swimming-pool-renovations-thumb { margin-top: -30%; margin-right: -30px; padding-top: 35px; } .home-school-pool-title { font-size: 60px; } .school-commercial-pool-expert-cnt p { padding-right: 90px; } #home-install-heat-pump-row { margin-top: -26%; } /*-------------------------------------------------------------- ### What We Do --------------------------------------------------------------*/ .services-cta .vc_custom_heading { font-size: 24px; font-weight: 400; } /*-------------------------------------------------------------- ### Pool Repairs and Service --------------------------------------------------------------*/ .repair-service-photo-gallery-title { font-size: 60px; } .vertical-divider { width: 1px; height: 160px; background: #ccc; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ### Pool Pumps --------------------------------------------------------------*/ .pool-pumps-main-img { position: relative; z-index: 9999; top: -30px; } /*-------------------------------------------------------------- ### Contact Us Page --------------------------------------------------------------*/ .contact-online-booking-btn a, .contact-free-quote-btn a, .contact-pool-supply-btn a { color: #fff; display: block; text-align: center; background: #0079c2; position: relative; padding: 80px 10px 15px; -webkit-border-radius: 4px; border-radius: 4px; font-weight: 600; line-height: 1.4; letter-spacing: 0.5px; text-transform: uppercase; transition: 0.3s ease-out; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); } .contact-online-booking-btn a:hover, .contact-free-quote-btn a:hover, .contact-pool-supply-btn a:hover { background: #148dd6; -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2); box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2); } /*-------------------------------------------------------------- ## 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 --------------------------------------------------------------*/ .post-summary.testimonial-post-summary { margin-bottom: 30px; padding-bottom: 30px; } .testimonial-post-summary a { padding: 25px; display: block; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .testimonial-post-summary a p { color: #333; font-style: italic; } .testimonial-post-summary a:hover { -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); } /*-------------------------------------------------------------- ## Custom Gallery --------------------------------------------------------------*/ .wr-custom-gallery { margin-bottom: 50px; } .wr-custom-gallery ul, .wr-custom-gallery li { margin: 0 !important; list-style: none !important; } .wr-custom-gallery ul { margin-left: -4px !important; margin-right: -4px !important; } .wr-custom-gallery li { float: left; padding: 4px; } .wr-custom-gallery li a, .wr-custom-gallery li img { display: block; } .wr-custom-gallery.wr-gallery-grid-size-1 li { width: 100%; } .wr-custom-gallery.wr-gallery-grid-size-2 li { width: 50%; } .wr-custom-gallery.wr-gallery-grid-size-2 li:nth-child(2n+1) { clear: left; } .wr-custom-gallery.wr-gallery-grid-size-3 li { width: 33.33333%; } .wr-custom-gallery.wr-gallery-grid-size-3 li:nth-child(3n+1) { clear: left; } .wr-custom-gallery.wr-gallery-grid-size-4 li { width: 25%; } .wr-custom-gallery.wr-gallery-grid-size-4 li:nth-child(4n+1) { clear: left; } /*-------------------------------------------------------------- ## 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: 800px; 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 --------------------------------------------------------------*/ .nav-links .nav-previous { float: left; } .nav-links .nav-next { float: right; } .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 { margin: 2px; 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 --------------------------------------------------------------*/ #testimonials-feed-wrap { padding-top: 70px; padding-bottom: 70px; } #testimonial-feed-main-title { font-size: 36px; font-weight: 300; text-align: center; position: relative; margin-bottom: 30px; } #testimonials-feed-slider { position: relative; } .testimonial-feed-excerpt { color: #494949; font-size: 16px; text-align: center; font-style: italic; } .testimonial-person-detail { color: #0079c2; font-style: normal; } #testimonials-feed-slider .owl-dots { text-align: center; padding-top: 25px; } #testimonials-feed-slider .owl-dots .owl-dot { margin-right: 10px; display: inline-block; } #testimonials-feed-slider .owl-dots .owl-dot:last-child { margin-right: 0; } #testimonials-feed-slider .owl-dots .owl-dot span { width: 15px; height: 15px; display: block; border: 1px solid #ccc; -webkit-border-radius: 50%; border-radius: 50%; } #testimonials-feed-slider .owl-dots .owl-dot:hover span { border-color: #f3901d; } #testimonials-feed-slider .owl-dots .owl-dot.active span { background: #ccc; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ #footer { font-size: 14px; border-top: 1px solid #ccc; } #footer-wrap { padding-top: 40px; padding-bottom: 40px; } #footer-columns { display: flex; } .footer-column { padding: 0 15px; } #footer-column-2 { flex-grow: 1; } #footer-column-3 { text-align: center; } .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: 10px; } .footer-column .widget_nav_menu ul, .footer-column .widget_nav_menu ul li:last-child { margin-bottom: 0; } .footer-column .textwidget *:last-child { margin-bottom: 0 !important; } #footer-logo { width: 100%; height: auto; max-width: 120px; } #text-2 { color: #0079c2; } #text-2 .textwidget p { margin-bottom: 5px; } #nav_menu-2 ul, #nav_menu-2 li { margin: 0; list-style: none; } #nav_menu-2 .menu > li { float: left; padding: 0 25px; } #nav_menu-2 a { margin-bottom: 12px; display: inline-block; font: 500 16px 'Quicksand', sans-serif; } #nav_menu-2 .menu > li > a { text-transform: uppercase; } #nav_menu-2 .menu > li > ul > li > a { font-size: 14px; margin-bottom: 6px; } #nav_menu-2 li.current-menu-item > a { color: #f4911d; } #media_image-2 { width: 100%; height: auto; margin: auto; max-width: 130px; } /*-------------------------------------------------------------- ## Copyright --------------------------------------------------------------*/ #copyright { font-size: 11px; text-align: center; } #copyright, #copyright a { color: #0079c2; } #copyright-wrap { padding-top: 10px; padding-bottom: 10px; } #copyright a:hover { text-decoration: underline; } /*-------------------------------------------------------------- ## Back to Top --------------------------------------------------------------*/ #toTop { bottom: 0; right: 15px; width: 30px; height: 25px; 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(244,145,29,0.8); } #toTop:hover span { background: #0079c2; -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% !important; } 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% !important; } /*-------------------------------------------------------------- ## 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; } 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: #000; } :-moz-placeholder { color: #000; opacity: 1; } ::-moz-placeholder { color: #000; opacity: 1; } :-ms-input-placeholder { color: #000; } /*-------------------------------------------------------------- ## 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-size: 14px; font-weight: 300; } .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; } /*-------------------------------------------------------------- ## 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.gf_content-inline-form-four-cols_wrapper { padding-top: 20px !important; padding-bottom: 20px !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; font-size: 16px; font-weight: 600 !important; margin: 0 0 10px !important; } 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; background: #fff; -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 Forms Checkbox --------------------------------------------------------------*/ body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox { margin: 0 !important; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li { width: auto; margin-top: 15px; margin-bottom: 0; position: relative; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_list_inline .gfield_checkbox li { margin-right: 20px; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_list_inline .gfield_checkbox li:last-child { margin-right: 0 !important; } body .gform_wrapper .gform_body .gform_fields .gfield:not(.gf_list_inline) .gfield_checkbox li:last-child { margin-bottom: 5px; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li input { opacity: 0; display: none; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li label { width: auto; color: #333; font-size: 14px; position: relative; max-width: 100%; display: inline-block; white-space: normal; font-weight: 400; padding: 2px 0 2px 22px; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_bold-list-option .gfield_checkbox li label { font-weight: 600; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li input:checked + label { font-weight: 600; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li label:before, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li label:after { content: ''; display: inline-block; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li label:before { width: 15px; height: 15px; background: #fff; border: 2px solid #0079c2; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li label:after { left: 3px; bottom: 5px; opacity: 0; transition: 0.1s ease-out; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li input:checked + label:after { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } body .gform_wrapper .gform_body .gform_fields .gfield.gf_add-message-checkbox .gfield_checkbox li label { color: #333; font-size: 11px; letter-spacing: 0.5px; border: 1px solid #ccc; text-transform: uppercase; font-weight: 600 !important; padding: 15px 14px 15px 25px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow:inset 0 0 20px 0 rgba(0,0,0,.1); box-shadow:inset 0 0 20px 0 rgba(0,0,0,.1); background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } body .gform_wrapper .gform_body .gform_fields .gfield.gf_add-message-checkbox .gfield_checkbox li label:hover { color: #000; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); } body .gform_wrapper .gform_body .gform_fields .gfield.gf_add-message-checkbox .gfield_checkbox li label:before { border: none; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_add-message-checkbox .gfield_checkbox li label:after { display: none; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_add-message-checkbox .gfield_checkbox input:checked + label { color: #fff; background: #4285f4; border-color: #1266f1; } /*-------------------------------------------------------------- ## Gravity Forms Radio Button Style --------------------------------------------------------------*/ body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio { margin: 0 !important; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li { width: auto; margin-top: 15px; margin-bottom: 0; position: relative; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_list_inline .gfield_radio li { margin-right: 20px; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_list_inline .gfield_radio li:last-child { margin-right: 0 !important; } body .gform_wrapper .gform_body .gform_fields .gfield:not(.gf_list_inline) .gfield_radio li:last-child { margin-bottom: 5px; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input { opacity: 0; display: none; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li label { color: #333; width: 100%; display: block; max-width: 100%; font-size: 14px; font-weight: 400; margin: 0 !important; position: relative; padding: 2px 0 2px 22px; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_bold-list-option .gfield_radio li label { font-weight: 600; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input:checked + label { font-weight: 600; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li label:before, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li label:after { content: ''; position: absolute; display: inline-block; margin: auto; top: 0; left: 0; bottom: 0; -webkit-border-radius: 50%; border-radius: 50%; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li label:before { width: 16px; height: 16px; border: 2px solid #0079c2; -webkit-border-radius: 50%; border-radius: 50%; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li label:after { left: 4px; width: 8px; height: 8px; opacity: 0; background: #f4911d; transition: 0.1s ease-out; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input:checked + label:after { opacity: 1; } /* -------------------------------------------------------------- ## 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 .gf_content-inline-form-four-cols div.validation_error, body .gform_wrapper .gf_form-four-cols-with-message div.validation_error { opacity: 0 !important; display: none !important; } 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, body .gform_wrapper .gform_body .gform_fields li.gfield.gfield_error .gfield_checkbox li input[type=checkbox] + label, body .gform_wrapper .gform_body .gform_fields li.gfield.gfield_error .gfield_radio li input[type=radio] + label { color: #f00 !important; } body .gform_wrapper .gform_body .gform_fields li.gfield.gfield_error .gfield_checkbox li input[type=checkbox]:checked + label, body .gform_wrapper .gform_body .gform_fields li.gfield.gfield_error .gfield_radio li input[type=radio]: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: #3c844a; } body .gform_wrapper .gform_footer input[type=submit], body .gf_browser_ie.gform_wrapper .gform_footer input.button { margin: 0; color: #fff; border: none; padding: 15px 35px; display: inline-block; text-transform: uppercase; -webkit-border-radius: 30px; border-radius: 30px; font: 400 16px 'Open Sans', sans-serif; background: #f3901d; -webkit-box-shadow: -1px -1px 3px 0 rgba(0,0,0,.3); box-shadow: -1px -1px 3px 0 rgba(0,0,0,.3); } body .gform_wrapper .gform_footer input[type=submit]:hover { color: #fff; background: #0079c2; text-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3); box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3); } body .gform_wrapper.gf_border-submit-button_wrapper .gform_footer input[type=submit] { width: 100%; color: #00adef; background: none; font-weight: 600; padding: 13px 20px; letter-spacing: 0.4px; border: 2px solid #00adef; -webkit-box-shadow: none; box-shadow: none; } body .gform_wrapper.gf_border-submit-button_wrapper .gform_footer input[type=submit]:hover { color: #fff; background: #15b857; border-color: #15b857; } /* -------------------------------------------------------------- ### 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); } } /* -------------------------------------------------------------- ## Inline Slim Banner Form -------------------------------------------------------------- */ .slim-banner-form-cta { display: none; } .slim-banner-form-btn { text-transform: uppercase; } /*-------------------------------------------------------------- # Sprite --------------------------------------------------------------*/ #custom_html-2 a:before, .email-icon::before, .phone-number-icon::before, .address-pin-icon::before, .wpb_single_image:not(.no-hover-icon) a:after, .contact-online-booking-btn a:before, .contact-free-quote-btn a:before, .contact-pool-supply-btn a:before, #testimonials-feed-slider:before, #testimonials-feed-slider:after, #post-404 .entry-title-group:before, #custom_html-3 .phone-number:before, .menu-social-links-menu-container li a:before, .site-search-form .search-submit-field:before, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li label:after { 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) { #custom_html-2 a:before, .email-icon::before, .phone-number-icon::before, .address-pin-icon::before, .wpb_single_image:not(.no-hover-icon) a:after, #testimonials-feed-slider:before, #testimonials-feed-slider:after, #post-404 .entry-title-group:before, #custom_html-3 .phone-number:before, .contact-online-booking-btn a:before, .contact-free-quote-btn a:before, .contact-pool-supply-btn a:before, .menu-social-links-menu-container li a:before, .site-search-form .search-submit-field:before, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li label:after { background: url(images/sprite@2x.webp) no-repeat; background-size: 400px 400px; } } .email-icon::before, .phone-number-icon::before, .address-pin-icon::before, #custom_html-2 a:before, .wpb_single_image:not(.no-hover-icon) a:after, #testimonials-feed-slider:before, #testimonials-feed-slider:after, .contact-online-booking-btn a:before, .contact-free-quote-btn a:before, .contact-pool-supply-btn a:before, #custom_html-3 .phone-number:before, #post-404 .entry-title-group:before, .menu-social-links-menu-container li a:before, .site-search-form .search-submit-field:before { content: ''; position: absolute; display: inline-block; } .email-icon::before, .phone-number-icon::before, .address-pin-icon::before, #custom_html-2 a:before, .wpb_single_image:not(.no-hover-icon) a:after, #testimonials-feed-slider:before, #testimonials-feed-slider:after, .contact-online-booking-btn a:before, .contact-free-quote-btn a:before, .contact-pool-supply-btn a:before, #custom_html-3 .phone-number:before, #post-404 .entry-title-group:before, .menu-social-links-menu-container li a:before, .site-search-form .search-submit-field:before { margin: auto; } .wpb_single_image:not(.no-hover-icon) a:after, .site-search-form .search-submit-field:before, .menu-social-links-menu-container li a:before { top: 0; left: 0; right: 0; bottom: 0; } #custom_html-2 a:before { top: 0; right: 20px; bottom: 0; width: 66px; height: 29px; background-position: -106px -41px; } #custom_html-3 .phone-number:before { top: 2px; left: 0; bottom: 0; width: 17px; height: 17px; background-position: -130px 0; } #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: 10px; height: 20px; background-position: 0 -105px; } .menu-social-links-menu-container li.icon-google-plus a:before { width: 21px; height: 20px; background-position: -14px -105px; } .menu-social-links-menu-container li.icon-twitter a:before { width: 25px; height: 20px; background-position: -60px -105px; } .menu-social-links-menu-container li.icon-pinterest a:before { width: 17px; height: 20px; background-position: -39px -105px; } .menu-social-links-menu-container li.icon-linkedin a:before { width: 21px; height: 20px; background-position: -89px -105px; } .menu-social-links-menu-container li.icon-instagram a:before { width: 21px; height: 20px; background-position: -114px -105px; } .menu-social-links-menu-container li.icon-youtube a:before { width: 31px; height: 20px; background-position: -168px -105px; } .menu-social-links-menu-container li.icon-vimeo a:before { width: 25px; height: 20px; background-position: -139px -105px; } .wpb_single_image:not(.no-hover-icon) a:after { opacity: 0; width: 71px; height: 71px; background-position: -307px -124px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .wpb_single_image a:hover:after { opacity: 1; } .wpb_single_image.cleaning-valet-icon a:after { width: 74px; height: 70px; background-position: 0 -205px; } .wpb_single_image.renovations-icon a:after { width: 91px; height: 70px; background-position: -79px -205px; } .wpb_single_image.school-commercial-icon a:after { width: 70px; height: 70px; background-position: -194px -130px; } .wpb_single_image.spa-pools-icon a:after { width: 71px; height: 71px; background-position: -174px -205px; } .wpb_single_image.products-accessories-icon a:after { width: 94px; height: 54px; background-position: 0 -280px; } .wpb_single_image.pool-painting-resurfacing-icon a:after { width: 66px; height: 71px; background-position: -99px -280px; } .wpb_single_image.pumps-filters-icon a:after { width: 87px; height: 70px; background-position: -170px -281px; } .wpb_single_image.pool-automation-icon a:after { width: 50px; height: 70px; background-position: -250px -206px; } .contact-online-booking-btn a:before, .contact-free-quote-btn a:before, .contact-pool-supply-btn a:before { top: 17px; left: 0; right: 0; } .contact-online-booking-btn a:before { width: 54px; height: 58px; background-position: -74px -130px; } .contact-free-quote-btn a:before { width: 57px; height: 58px; background-position: -132px -130px; } .contact-pool-supply-btn a:before { width: 101px; height: 59px; background-position: -213px -42px; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li label:after { width: 15px; height: 14px; background-position: -154px 0; } .email-icon, .phone-number-icon, .address-pin-icon { padding-left: 24px; position: relative; } .email-icon, .phone-number-icon { display: inline-block; } .email-icon::before, .phone-number-icon::before, .address-pin-icon::before { left: 0; top: 5px; } .email-icon::before { top: 7px; width: 17px; height: 12px; background-position: -197px 0; } .phone-number-icon::before { width: 17px; height: 17px; background-position: -130px 0; } .address-pin-icon::before { top: 15px; width: 13px; height: 17px; background-position: -177px 0; } /*-------------------------------------------------------------- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Responsive Style ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ --------------------------------------------------------------*/ @media screen and (max-width: 767px) { h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 23px; } h4 { font-size: 22px; } h5 { font-size: 21px; } h6 { font-size: 20px; } .mobile-order-1 { order: 1; } .mobile-order-2 { order: 2; } .mobile-display-none { display: none !important; } .mobile-margin-top-zero { margin-top: 0 !important; } .mobile-margin-top-5 { margin-top: 5px; } .mobile-margin-top-10 { margin-top: 10px; } .mobile-margin-top-15 { margin-top: 15px; } .mobile-margin-top-20 { margin-top: 20px; } .mobile-margin-top-25 { margin-top: 25px; } .mobile-margin-top-30 { margin-top: 30px; } .mobile-margin-top-35 { margin-top: 35px; } .mobile-margin-top-40 { margin-top: 40px; } .mobile-margin-top-45 { margin-top: 45px; } .mobile-margin-top-50 { margin-top: 50px; } .mobile-margin-bottom-zero { margin-bottom: 0 !important; } .mobile-margin-bottom-5 { margin-bottom: 5px; } .mobile-margin-bottom-10 { margin-bottom: 10px; } .mobile-margin-bottom-15 { margin-bottom: 15px; } .mobile-margin-bottom-20 { margin-bottom: 20px; } .mobile-margin-bottom-25 { margin-bottom: 25px; } .mobile-margin-bottom-30 { margin-bottom: 30px; } .mobile-margin-bottom-35 { margin-bottom: 35px; } .mobile-margin-bottom-40 { margin-bottom: 40px; } .mobile-margin-bottom-45 { margin-bottom: 45px; } .mobile-margin-bottom-50 { margin-bottom: 50px; } .mobile-column-inner-padding-top-zero > .vc_column-inner { padding-top: 0; } .mobile-padding-top-5 { padding-top: 5px; } .mobile-padding-top-10 { padding-top: 10px; } .mobile-padding-top-15 { padding-top: 15px; } .mobile-padding-top-20 { padding-top: 20px; } .mobile-padding-top-25 { padding-top: 25px; } .mobile-padding-top-30 { padding-top: 30px; } .mobile-padding-top-35 { padding-top: 35px; } .mobile-padding-top-40 { padding-top: 40px; } .mobile-padding-top-45 { padding-top: 45px; } .mobile-padding-top-50 { padding-top: 50px; } .mobile-padding-top-55 { padding-top: 55px; } .mobile-padding-top-60 { padding-top: 60px; } .mobile-padding-bottom-5 { padding-bottom: 5px; } .mobile-padding-bottom-10 { padding-bottom: 10px; } .mobile-padding-bottom-15 { padding-bottom: 15px; } .mobile-padding-bottom-20 { padding-bottom: 20px; } .mobile-padding-bottom-25 { padding-bottom: 25px; } .mobile-padding-bottom-30 { padding-bottom: 30px; } .mobile-padding-bottom-35 { padding-bottom: 35px; } .mobile-padding-bottom-40 { padding-bottom: 40px; } .mobile-padding-bottom-45 { padding-bottom: 45px; } .mobile-padding-bottom-50 { padding-bottom: 50px; } .mobile-padding-bottom-55 { padding-bottom: 55px; } .mobile-padding-bottom-60 { padding-bottom: 60px; } .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) { .desktop-font-size-36 { font-size: 36px; } .desktop-font-size-48 { font-size: 48px; } .desktop-margin-left-pull-15 { margin-left: -15px; } .desktop-margin-top-zero { margin-top: 0 !important; } .desktop-margin-top-5 { margin-top: 5px; } .desktop-margin-top-10 { margin-top: 10px; } .desktop-margin-top-15 { margin-top: 15px; } .desktop-margin-top-20 { margin-top: 20px; } .desktop-margin-top-25 { margin-top: 25px; } .desktop-margin-top-30 { margin-top: 30px; } .desktop-margin-top-35 { margin-top: 35px; } .desktop-margin-top-40 { margin-top: 40px; } .desktop-margin-top-45 { margin-top: 45px; } .desktop-margin-top-50 { margin-top: 50px; } .desktop-margin-bottom-zero { margin-bottom: 0 !important; } .desktop-margin-bottom-5 { margin-bottom: 5px; } .desktop-margin-bottom-10 { margin-bottom: 10px; } .desktop-margin-bottom-15 { margin-bottom: 15px; } .desktop-margin-bottom-20 { margin-bottom: 20px; } .desktop-margin-bottom-25 { margin-bottom: 25px; } .desktop-margin-bottom-30 { margin-bottom: 30px; } .desktop-margin-bottom-35 { margin-bottom: 35px; } .desktop-margin-bottom-40 { margin-bottom: 40px; } .desktop-margin-bottom-45 { margin-bottom: 45px; } .desktop-margin-bottom-50 { margin-bottom: 50px; } .desktop-column-inner-padding-top-zero > .vc_column-inner { padding-top: 0 !important; } .desktop-padding-top-5 { padding-top: 5px; } .desktop-padding-top-10 { padding-top: 10px; } .desktop-padding-top-15 { padding-top: 15px; } .desktop-padding-top-20 { padding-top: 20px; } .desktop-padding-top-25 { padding-top: 25px; } .desktop-padding-top-30 { padding-top: 30px; } .desktop-padding-top-35 { padding-top: 35px; } .desktop-padding-top-40 { padding-top: 40px; } .desktop-padding-top-45 { padding-top: 45px; } .desktop-padding-top-50 { padding-top: 50px; } .desktop-padding-top-55 { padding-top: 55px; } .desktop-padding-top-60 { padding-top: 60px; } .desktop-padding-top-65 { padding-top: 65px; } .desktop-padding-top-70 { padding-top: 70px; } .desktop-padding-top-75 { padding-top: 75px; } .desktop-padding-top-80 { padding-top: 80px; } .desktop-padding-top-85 { padding-top: 85px; } .desktop-padding-top-90 { padding-top: 90px; } .desktop-padding-right-zero, .desktop-column-inner-padding-right-zero > .vc_column-inner { padding-right: 0 !important; } .desktop-padding-bottom-5 { padding-bottom: 5px; } .desktop-padding-bottom-10 { padding-bottom: 10px; } .desktop-padding-bottom-15 { padding-bottom: 15px; } .desktop-padding-bottom-20 { padding-bottom: 20px; } .desktop-padding-bottom-25 { padding-bottom: 25px; } .desktop-padding-bottom-30 { padding-bottom: 30px; } .desktop-padding-bottom-35 { padding-bottom: 35px; } .desktop-padding-bottom-40 { padding-bottom: 40px; } .desktop-padding-bottom-45 { padding-bottom: 45px; } .desktop-padding-bottom-50 { padding-bottom: 50px; } .desktop-padding-bottom-55 { padding-bottom: 55px; } .desktop-padding-bottom-60 { padding-bottom: 60px; } .desktop-padding-bottom-65 { padding-bottom: 65px; } .desktop-padding-bottom-70 { padding-bottom: 70px; } .desktop-padding-bottom-75 { padding-bottom: 75px; } .desktop-padding-bottom-80 { padding-bottom: 80px; } .desktop-padding-bottom-85 { padding-bottom: 85px; } .desktop-padding-bottom-90 { padding-bottom: 90px; } .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-overflow-visible { overflow: visible !important; } } @media screen and (max-width: 1199px) { .row-with-full-half-side-thumb { margin-bottom: 35px; background: transparent !important; } } @media screen and (min-width: 768px) and (max-width: 1399px) { .wrapper { max-width: 90%; } } @media screen and (min-width: 1000px) and (max-width: 1399px) { #header-wrap { max-width: 98%; } } @media screen and (min-width: 992px) and (max-width: 1399px) { .blue-border-btn, .solid-orange-btn, .white-btn-with-orange-border { font-size: 14px; padding-left: 25px; padding-right: 25px; } .inline-btns-spacing a { margin-right: 5px; } } @media screen and (min-width: 1200px) { .row-with-full-half-side-thumb { margin: 35px 0 70px; background: #f8f9f9; } .row-with-full-half-side-thumb .vc_column_container:nth-child(1) > .vc_column-inner { padding-top: 0; padding-left: 0; padding-right: 0; } .row-with-full-half-side-thumb .wpb_single_image { margin-bottom: 0; } .row-with-full-half-side-thumb .vc_column_container:nth-child(1) * { width: 100%; height: 100%; } .row-with-full-half-side-thumb .wpb_single_image .vc_figure .vc_single_image-wrapper img { width: 100%; height: 100%; object-fit: cover; } .row-with-full-half-side-thumb .vc_column_container:nth-child(2) { padding-left: 30px; padding-right: 15px; } } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ @media screen and (max-width: 767px) { .mobile-noscroll { overflow: hidden; } body.mobile-noscroll { position: fixed; } #header.mobile-fixed-header { top: 0; left: 0; position: fixed; } #header-logo { top: 0; max-width: 60px; padding-block: 5px; } body.page-template-page-no-padding-with-banner #header-column-1, body.page-template-page-edge-width-no-padding #header-column-1, body.page-template-page-form-thanks #header-column-1, body.page-template-page-testimonials #header-column-1 { min-width: 80px; } #custom_html-2 a { font-size: 8px; padding: 40px 10px 8px; } #custom_html-2 a:before { top: 8px; left: 0; right: 0; bottom: inherit; } } @media screen and (max-width: 799px) { .banner-sub-title { display: none; } } @media screen and (max-width: 999px) { #header-wrap { padding-top: 0; padding-right: 0; max-width: 100%; } #header-columns { display: block; } #header-column-1 { float: left; } #header-column-2 { display: none; } #header-column-3 { float: right; display: flex; } #toggle-menu { order: 2; display: flex; margin-right: 15px; align-items: center; justify-content: center; } #custom_html-2 { order: 3; margin: 0; } #custom_html-2 a { white-space: nowrap; } #custom_html-3 { order: 1; width: 50px; height: 60px; margin-right: 10px; } #custom_html-3 .phone-number { padding: 0; width: 50px; height: 60px; overflow: hidden; text-indent: 100%; white-space: nowrap; } #custom_html-3 .phone-number:before { top: 0; left: 0; right: 0; bottom: 0; width: 30px; height: 31px; background-position: -177px -41px; } } @media screen and (min-width: 768px) and (max-width: 999px) { #header-logo { top: 0; max-width: 80px; padding-block: 10px; } body.page-template-page-no-padding-with-banner #header-column-1, body.page-template-page-edge-width-no-padding #header-column-1, body.page-template-page-form-thanks #header-column-1, body.page-template-page-testimonials #header-column-1 { min-width: 110px; } #custom_html-2 a { padding-top: 16px; padding-bottom: 16px; } } @media screen and (min-width: 1000px) { #page-wrap { opacity: 1 !important; margin-left: 0 !important; } #mobile-navigation { display: none; margin-left: -100% !important; } } @media screen and (min-width: 1000px) and (max-width: 1149px) { #navbar .main-list-wrap > li > a { padding-left: 7px; padding-right: 7px; } } @media screen and (min-width: 1000px) and (max-width: 1399px) { body.page-template-page-no-padding-with-banner #header-column-1, body.page-template-page-edge-width-no-padding #header-column-1, body.page-template-page-form-thanks #header-column-1, body.page-template-page-testimonials #header-column-1 { min-width: 120px; } #navbar .main-list-wrap> li > a { padding-bottom: 22px; } #custom_html-2 { margin-bottom: 3px; } #custom_html-2 a { font-size: 15px; padding-left: 10px; padding-right: 86px; } #custom_html-2 a:before { right: 10px; } } /*-------------------------------------------------------------- ## 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; } .contact-free-quote-btn a, .contact-online-booking-btn a { font-size: 11px; padding-top: 50px; } .contact-free-quote-btn a:before, .contact-online-booking-btn a:before, .contact-pool-supply-btn a:before { background-size: 200px 200px; } .contact-online-booking-btn a:before { width: 27px; height: 29px; background-position: -37px -65px; } .contact-free-quote-btn a:before { width: 29px; height: 29px; background-position: -66px -65px; } .contact-pool-supply-btn a { padding-top: 54px; } .contact-pool-supply-btn a:before { width: 51px; height: 30px; background-position: -106px -21px; } } @media screen and (max-width: 767px) { .row-with-full-half-side-thumb { max-width: 95%; margin-left: auto; margin-right: auto; } .row-with-full-half-side-thumb .wpb_single_image { margin-bottom: 0; } .blue-border-btn, .solid-orange-btn, .white-btn-with-orange-border { font-size: 12px; padding-left: 30px; padding-right: 30px; } .inline-btns-spacing a { width: 100%; text-align: center; margin-right: 0; -webkit-border-radius: 2px; border-radius: 2px; } .give-your-pool-makeover-title, .repair-service-photo-gallery-title { font-size: 32px; margin-bottom: 0; } .home-service-cta { margin-bottom: 0; } .home-service-cta a h2 { font-size: 23px; } .home-swimming-pool-renovations-thumb { margin-top: 0; margin-right: 0; margin-bottom: 0; } .home-full-range-service-thumb-col > .vc_column-inner { padding-left: 0; padding-right: 0; } .home-school-pool-title { font-size: 30px; } #home-install-heat-pump-row { margin-left: -15px !important; margin-right: -15px !important; } #home-install-heat-pump-row .wpb_text_column { padding-left: 15px; padding-right: 15px; } .home-install-heat-pump-thumb-col > .vc_column-inner { padding-right: 0; } .wr-custom-gallery ul { margin-left: -1px !important; margin-right: -1px !important; } .wr-custom-gallery li { padding: 1px; } } @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: 991px) { .row-with-full-half-side-thumb .wpb_text_column ul li { float: left; width: 50%; padding: 2px 30px 2px 0; } .row-with-full-half-side-thumb .wpb_text_column ul li:nth-child(2n+1) { clear: left; } .home-service-cta { font-size: 14px; margin-bottom: 15px; } #home-swimming-pool-renovations-row { padding-bottom: 25px; } .home-swimming-pool-renovation-text-col { font-size: 13px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .home-swimming-pool-renovation-text-col { padding-left: 30px; } .home-swimming-pool-renovation-text-col .white-btn-with-orange-border { font-size: 12px; padding-left: 25px; padding-right: 25px; } .home-school-pool-title { font-size: 4.5vw; } } @media screen and (max-width: 1199px) { #home-install-heat-pump-row { margin-top: 0; } #home-install-heat-pump-row { margin-left: 0; margin-right: 0; } .school-commercial-pool-expert-cnt p { padding-right: 0; } } @media screen and (min-width: 768px) and (max-width: 1399px) { .give-your-pool-makeover-title, .repair-service-photo-gallery-title { font-size: 4vw; } } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ @media screen and (max-width: 499px) { #footer-columns { text-align: center; flex-direction: column; } #footer-column-1, #footer-column-3 { } #footer-column-1 { padding-bottom: 35px; } #footer-column-2 { padding-bottom: 15px; } #nav_menu-2 .menu > li { width: 50%; padding-left: 15px; padding-right: 15px; margin-bottom: 10px; } #nav_menu-2 .menu > li > a { font-size: 15px; } #nav_menu-2 .menu > li > ul > li > a { font-size: 11px; padding-top: 7px; padding-bottom: 7px; } #copyright { font-size: 9px; } } @media screen and (min-width: 500px) and (max-width: 767px) { #footer-columns { flex-wrap: wrap; } #footer-column-1, #footer-column-3 { width: 50%; text-align: center; } #footer-column-2 { padding-bottom: 35px; } } @media screen and (max-width: 767px) { #footer-wrap { padding-bottom: 15px; } #footer-column-1, #footer-column-2, #footer-column-3 { flex-grow: 0; } #footer-column-2 { order: 1; width: 100%; } #footer-column-1 { order: 2; } #footer-column-3 { order: 3; } #testimonials-feed-wrap { padding-top: 35px; padding-bottom: 35px; } #footer-logo { margin-inline: auto; } } @media screen and (min-width: 768px) and (max-width:1079px) { #nav_menu-2 .menu > li { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } } @media screen and (min-width: 768px) and (max-width: 1169px) { #nav_menu-3 { margin-top: 15px !important; } #nav_menu-3 .menu-social-links-menu-container li { display: list-item; text-align: center; } #nav_menu-3 .menu-social-links-menu-container li a { display: inline-block; } } /*-------------------------------------------------------------- ## Gravity Forms --------------------------------------------------------------*/ body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield.gf_inline-spa-terms { background: #fff; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield.gf_inline-spa-terms .gfield_checkbox label { font-weight: 600; } @media screen and (max-width: 641px) { body .gform_wrapper.gf_content-inline-form-four-cols_wrapper { padding-top: 30px !important; padding-bottom: 30px !important; } .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; } body .gform_wrapper .gform_body .gform_fields .gfield.gf_add-message-checkbox .gfield_checkbox li label { padding-top: 20px; padding-bottom: 20px; width: 100% !important; max-width: 100% !important; } body .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li { display: inline-block; } .slim-banner-form-cta { display: block; padding: 20px 0; text-align: center; } .slim-banner-form-cnt { opacity: 0; -webkit-transform: scale(0); transform: scale(0); position: absolute; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; } .slim-banner-form-cnt.show-inline-form { opacity: 1; position: static; -webkit-transform: scale(1); transform: scale(1); } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield.gf_inline-spa-terms { padding: 20px 20px 15px !important; } } @media screen and (min-width: 642px) { /*-------------------------------------------------------------- ## Gravity Forms Inline content form --------------------------------------------------------------*/ body .gform_wrapper .gf_content-inline-form-four-cols, body .gform_wrapper .gf_form-four-cols-with-message { position: relative; } /*-------------------------------------------------------------- ## Gravity Forms inline content form body --------------------------------------------------------------*/ body .gform_wrapper .gf_content-inline-form-four-cols .gform_body ul.gform_fields { /*display: flex;*/ } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield, body .gform_wrapper .gf_form-four-cols-with-message .gform_body .gform_fields .gfield { margin: 0 !important; clear: none !important; float: left !important; padding: 10px !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield:first-child, body .gform_wrapper .gf_form-four-cols-with-message .gform_body .gform_fields .gfield:first-child, body .gform_wrapper .gf_form-four-cols-with-message .gform_body .gform_fields .gfield.gf_add-message-checkbox, body .gform_wrapper .gf_form-four-cols-with-message .gform_body .gform_fields .gfield.gf_four-cols-textarea { padding-left: 0 !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield .ginput_complex .name_first input { border-right-color: #e8e8e8; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield .ginput_complex .name_last input { border-left-color: #e8e8e8; } body .gform_wrapper .gf_content-inline-form-four-cols div.ginput_complex.ginput_container.gf_name_has_2 span.name_last { margin-left: 0 !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield textarea { height: 0; resize: none; overflow: hidden; min-height: 50px; width: 100% !important; } body .gform_wrapper .gf_form-four-cols-with-message .gform_body .gform_fields .gfield.gf_four-cols-textarea { width: 100% !important; } /*-------------------------------------------------------------- ## Gravity Forms Inline content form footer --------------------------------------------------------------*/ body .gform_wrapper .gf_content-inline-form-four-cols .gform_footer, body .gform_wrapper .gf_form-four-cols-with-message .gform_footer { right: 0; z-index: 2; position: absolute; width: 190px !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_footer input[type=submit], body .gform_wrapper .gf_form-four-cols-with-message .gform_footer input[type=submit] { padding: 0; width: 190px; height: 50px; } } @media screen and (min-width: 642px) and (max-width: 999px) { body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield { width: 33.33333% !important; } body .gform_wrapper .gf_form-four-cols-with-message .gform_body .gform_fields .gfield { width: 50% !important; } body .gform_wrapper .gf_form-four-cols-with-message .gform_body .gform_fields .gfield:nth-child(3) { padding-left: 0 !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield:nth-child(4) { width: 100% !important; padding-left: 0 !important; padding-right: 210px !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield.gf_inline-spa-terms { width: calc(100% - 210px) !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_footer { bottom: 10px; } body .gform_wrapper .gf_form-four-cols-with-message .gform_footer { bottom: 12px; } } @media screen and (min-width: 1000px) { body .gform_wrapper .gf_content-inline-form-four-cols .gform_body, body .gform_wrapper .gf_form-four-cols-with-message .gform_body { padding-right: 200px !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield, body .gform_wrapper .gf_form-four-cols-with-message .gform_body .gform_fields .gfield { width: 25% !important; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_footer { top: 10px; } body .gform_wrapper .gf_form-four-cols-with-message .gform_footer { bottom: 80px; } body .gform_wrapper .gf_content-inline-form-four-cols .gform_body .gform_fields .gfield.gf_inline-spa-terms { width: calc(100% - 10px) !important; } }