/* Defaults */ :root { --primary: #F9CA24; --primary-light: #F5D27A; --secondary: #242424; --secondary-light: #eee; --black: #000000; --white: #ffffff; --gray: #D8D5D5; --light-gray: #F1F5F7; --font-size-base: 16px; --primary-font: 'Montserrat', sans-serif; --slant: 1em; --slant-small: 0.6em; } /* Animate CSS */ @charset "UTF-8"; .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} .mce-content-body, .mce-content-body body, .stc-block-preview { padding-top: 0px !important; } html { scroll-behavior: smooth; } body { color: #242424; margin: 0; background-color: #E8E8E8 !important; padding-top: 0px !important; font-family: var(--primary-font); background-attachment: fixed; background-size: cover; background-position: center center; background-image: url("../images/banners-8/studio-people-bg3.png"); } main { overflow: hidden; } section { padding-top: 80px; padding-bottom: 80px; } ul li, ol li { font-size: var(--font-size-base); } .h1, .h2, .h3, h1, h2, h3 { font-family: var(--primary-font); line-height: 1.2; margin-top: 10px; text-transform: uppercase; } .h4, .h5, .h6, h4, h5, h6 { font-family: var(--primary-font); line-height: 1.2; margin-top: 10px; } .h3 { font-size: 30px; } .fa, .fas, .fab { color: var(--secondary); } .stc-slider-header, .stc-accordion-header { font-family: var(--primary-font); font-weight: 400; margin-bottom: 20px !important; } .stcn-header { font-size: 24px !important; } a { color: var(--black); border-bottom: 1px solid var(--primary); } a:hover, a:focus, a:active { color: var(--primary); text-decoration: none; } .navbar a { border-bottom: none; } .bg-inverse, .bg-inverse p, .bg-inverse h1, .bg-inverse h2, .bg-inverse h3, .bg-inverse h4, .bg-inverse h5, .bg-inverse h6 { color: var(--white); } .bg-inverse h1 strong, .bg-inverse h2 strong, .bg-inverse h3 strong, .bg-inverse h4 strong, .bg-inverse h5 strong, .bg-inverse h6 strong { color: var(--yellow); font-weight: 400; } .bg-inverse a { color: var(--primary); } .bg-inverse a:hover { color: var(--primary); } input[type=text], input[type=email], input[type=tel], input[type=number], input[type=date], select { font-size: 16px !important; font-weight: 400; padding: 5px 5px; height: 46px !important; border: 1px solid var(--black); border-radius: 0 !important; background-color: transparent; border: 0; border-bottom: 1px solid #787878; box-shadow: none; } input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, input[type=number]:hover, input[type=number]:focus, input[type=date]:hover, input[type=date]:focus, textarea.form-control:hover, textarea.form-control:focus { box-shadow: none; border-bottom: solid 2px var(--primary); } body textarea.form-control { font-size: 16px !important; font-weight: 400; height: 100px; padding: 5px 5px; border-radius: 0; background-color: transparent; border: 0; border-bottom: 1px solid #787878; box-shadow: none; } body main .stform .form-group input { padding: 5px 5px; } body .btn-primary, .blog .buttons a, .blog-single .buttons a, body .stform .btn.stformsubmit, body .stc-leadmagnet .stformsubmit { --border: 2px; /* the border width */ --slant: 0.7em; /* control the slanted corners */ --t: 0.2s 0.1s; font-size: 15px; padding: 12px 30px !important; border: none; cursor: pointer; font-weight: 400; color: var(--black); text-transform: unset; background-size: 100% 100%; background-color: var(--primary); clip-path: polygon(var(--slant-small) 0, 100% 0, 100% calc(100% - var(--slant-small)), calc(100% - var(--slant-small)) 100%, 0 100%, 0 var(--slant-small)); transition: color var(--t, 0.3s), background-size 0.3s; } body .btn-primary:focus-visible, .blog .buttons a:focus-visible, .blog-single .buttons a:focus-visible, body .stform .btn.stformsubmit:focus-visible, body .stc-leadmagnet .stformsubmit:focus-visible { outline: var(--border) solid #000c; } body .btn-primary:hover, body .btn-primary:active, body .btn-primary:focus, .btn-primary:active:focus, .blog .buttons a:hover, .blog-single .buttons a:hover, body .stform .btn.stformsubmit:hover, body .stc-leadmagnet .stformsubmit:hover { color: var(--black); background: linear-gradient(to bottom right, var(--primary) 50%, #0000 50.1%) top left, linear-gradient(to top left, var(--primary) 50%, #0000 50.1%) bottom right; background-color: #fff; background-size: calc(var(--slant) + 1.3*var(--border)) calc(var(--slant) + 1.3*var(--border)); background-repeat: no-repeat; box-shadow: 0 0 0 200px inset var(--s, #0000), 0 0 0 var(--border) inset var(--primary); transition: color var(--t, 0.3s), background-size 0.3s; } body .btn-primary:active, .blog .buttons a:active, .blog-single .buttons a:active, body .stform .btn.stformsubmit:active, body .stc-leadmagnet .stformsubmit:active { --s: #8e8e8e55; transition: none; } .btn-default { color: var(--white) !important; padding: 15px 35px; margin-top: 20px; font-size: 15px; font-weight: 500; border-radius: 0; border: 2px solid var(--secondary); background-color: var(--secondary); -webkit-clip-path: polygon(var(--slant) 0, 100% 0, 100% calc(100% - var(--slant)), calc(100% - var(--slant)) 100%, 0 100%, 0 var(--slant)); clip-path: polygon(var(--slant) 0, 100% 0, 100% calc(100% - var(--slant)), calc(100% - var(--slant)) 100%, 0 100%, 0 var(--slant)); } .btn-default:hover, .btn-default:focus, .btn-default:active { color: var(--black) !important; border: 2px solid var(--primary); background-color: var(--primary) !important; background: var(--primary) !important; } body .btn-lg { font-size: 20px; padding: 16px 60px; } .btn-disabled { cursor: not-allowed; } .btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active { background-color: #ed6a5a; } .btn-spacer { margin-left: 3px; margin-right: 3px; } .top-nav { display: none; } body .padd-top-10 { padding-top: 10px; } body .padd-top-20 { padding-top: 20px; } body .padd-top-30 { padding-top: 30px; } body .padd-top-40 { padding-top: 40px; } body .padd-top-50 { padding-top: 50px; } body .padd-top-60 { padding-top: 60px; } body .padd-top-80 { padding-top: 80px; } body .padd-top-100 { padding-top: 100px; } .padd-bot-20 { padding-bottom: 20px; } .padd-bot-30 { padding-bottom: 30px; } .padd-bot-40 { padding-bottom: 40px; } .padd-bot-60 { padding-bottom: 60px; } .padd-bot-80 { padding-bottom: 80px; } .padd-bot-100 { padding-bottom: 100px; } .padd-bot-120 { padding-bottom: 120px; } .padd-bot-140 { padding-bottom: 140px; } .padd-bot-150 { padding-bottom: 150px; } .padd-bot-160 { padding-bottom: 160px; } .no-padd { padding-top: 0; padding-bottom: 0; } .no-padd-top { padding-top: 0; } .no-padd-bot { padding-bottom: 0; } .mbot-0 { margin-bottom: 0; } .mtop-1 { margin-top: 10px; } .mtop-2 { margin-top: 20px; } .mtop-3 { margin-top: 30px; } .mtop-4 { margin-top: 40px; } .mtop-5 { margin-top: 50px; } .mbot-0 { margin-bottom: 0 !important; } .mbot-1 { margin-bottom: 10px; } .mbot-2 { margin-bottom: 20px; } .mbot-3 { margin-bottom: 30px; } .mbot-4 { margin-bottom: 40px; } .mbot-5 { margin-bottom: 50px; } .img-responsive { display: inline-block; } .text-center, .text-center p, .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5 { text-align: center; } .bg-gray-light { background-color: var(--light-gray); } .bg-white { background-color: rgba(255, 255, 255, 0.7); } .filter-cont, .filters, .stc-ecommerce h1:first-child { display: none; } .stc-ecommerce .st-product-page-header h1:first-child { display: block; } /* Main Nav */ .navbar-brand>img { width: 250px; margin-top: 10px; } .navbar-default { border-bottom: transparent; background: #2A2A2A; background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(17, 17, 17, 1) 100%); background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(17, 17, 17, 1) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(17, 17, 17, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#111111", GradientType=1); } .navbar-default .navbar-nav>li>a { border-bottom: 3px solid transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active { color: var(--primary) !important; border: 0; background-color: transparent; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; } #stc-navbar>ul>li { position: relative; margin-left: 50px; } @media screen and (min-width: 768px) { #stc-navbar>ul>li:first-child { margin-left: 0px; } #stc-navbar>ul>li:before { content: ""; position: absolute; top: 30%; right: -20px; width: 1px; height: 20px; background-color: var(--primary); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } } #stc-navbar>ul>li:nth-child(5):before, #stc-navbar>ul>li:nth-child(6):before, #stc-navbar>ul>li:last-child:before { display: none; } #stc-navbar ul a { margin-left: 0; font-weight: 500; } #stc-navbar>ul>li>a { color: #fff; font-size: 15px; font-weight: 400; padding: 0px 0px 5px 0px; letter-spacing: 1px; } .main-banner h1, .main-banner h2, .main-banner h3, .main-banner h4, .main-banner h5, .main-banner h6, .main-banner p, .main-banner ol, .main-banner ul { position: relative; z-index: 1; color: var(--white); } .main-banner h1, .main-banner h2, .main-banner h3 { margin-bottom: 5px; text-shadow: 1px 2px 8px rgba(33, 33, 33, 0.4); } .main-banner h1 strong, .main-banner h2 strong, .main-banner h3 strong { color: var(--primary); } .main-banner p { font-size: 20px; font-weight: 600; text-shadow: 1px 1px 10px rgba(33, 33, 33, 0.8); } .main-banner { position: relative; min-height: 680px; max-height: 830px; padding-top: 0; padding-bottom: 0; background-size: cover; background-position: center center; } /*.no-webp .main-banner { background-image: url("../images/banners-8/main-banner.jpg"); } .webp .main-banner { background-image: url("../images/banners-8/main-banner.webp"); }*/ .main-banner .slider .text:before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } .main-banner>.container, .main-banner>.container>.row, .main-banner>.container>.row>div { height: 100%; } .main-banner .main-box { position: absolute; bottom: 40px; } .main-banner > .container-fluid { padding: 0; } .main-banner .slider .stc-slide.stc-slide-bg { position: relative; min-height: 680px; max-height: 830px; padding-top: 0; } .main-banner .slider .stc-slide.stc-slide-bg .text { min-height: 680px; max-height: 830px; padding: 0px 60px 50px 60px; } .main-banner .slider .stc-slide.stc-slide-bg .text .col-md-8 { min-height: 680px; } .main-banner .slick-slide>div, .main-banner .slick-slide>div>div { height: 100%; } .main-banner .stc-sliders .slick-slide { padding: 0; } .main-banner .slider .stc-slide { padding-top: 150px; } .main-banner .slider .text { position: relative !important; top: auto !important; left: auto !important; margin-right: auto !important; transform: none !important; } body .bottom-right { position: absolute; bottom: 10px; right: 25px; font-weight: 600; } .white-box { position: relative; z-index: 1; padding: 30px; margin-top: 20px; background-color: rgba(255, 255, 255, 0.88); } @media screen and (min-width: 768px) { .img-left { margin-left: -75px; } } .stc-sliders .slick-slide { padding: 10px 20px; } .stc-sliders .slider, .slick-slider .slick-list, .slick-slider .slick-track, .stc-sliders .slick-slide { background: transparent !important; } .studio-desks { position: relative; } .studio-desks h2 { font-size: 36px; font-weight: 600; text-transform: none; } /*.studio-desks img { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 2em 100%, 0 calc(100% - 2em)); clip-path: polygon(0 0, 100% 0, 100% 100%, 2em 100%, 0 calc(100% - 2em)); }*/ .stc-tabs .nav-tabs>li>a { font-weight: 400 !important; } .stc-tabs .nav-tabs>li>a .fa, .stc-tabs .nav-tabs>li>a .fas, .stc-tabs .nav-tabs>li>a .fab { color: var(--black); } .stc-tabs .nav-tabs>li.active>a, .stc-tabs .nav-tabs>li.active>a:focus, .stc-tabs .nav-tabs>li.active>a:hover, .stc-tabs .nav-tabs>li>a:hover { color: var(--black) !important; background-color: var(--primary) !important; } .stc-tabs .nav-tabs>li>a .fa { width: 18px; text-align: center; } .stc-tabs .tabs-left>.nav-tabs { margin-right: 15px; } .nav-tabs, .tabs-below>.nav-tabs, .tabs-left>.nav-tabs, .tabs-right>.nav-tabs { margin-bottom: 15px; } body .stc-tabs .stc-tab-content { min-height: 405px; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); } body .stc-tabs .stc-tab-content img { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.5em), calc(100% - 1.5em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.5em), calc(100% - 1.5em) 100%, 0 100%); } .stc-tabs h1, .stc-tabs h2, .stc-tabs h3 { font-size: 38px; } .stc-tabs .nav-tabs li.active a { font-size: 16px; font-weight: 400; text-transform: initial; padding: 12px 20px; } .stc-tabs .nav-tabs>li>a { border: 0; font-size: 16px; font-weight: 400; padding: 12px 20px; text-transform: initial; background-color: transparent; } .stc-tabs .stc-tab-content { padding: 10px !important; background-color: var(--white); border-radius: 0px; } .stc-tabs .stc-tab-content .tab-pane { min-height: 350px; padding: 20px 20px 10px 20px; border: 8px; } .stc-tabs h1, .stc-tabs h { font-size: 36px; } .stc-tabs h1, .stc-tabs h2, .stc-tabs h3 { text-transform: none; } .stc-tabs .tabs-left>.nav-tabs { z-index: 2 !important; } .stc-tabs blockquote { background-color: #f5f5f5; } .cta-banner .container>.row { padding: 25px; background-color: var(--white); -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); } @media screen and (min-width: 992px) { .cta-banner .container>.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cta-banner .container>.row img { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.5em), calc(100% - 1.5em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.5em), calc(100% - 1.5em) 100%, 0 100%); } .stc-sliders .slick-dots li.slick-active button:before { color: var(--primary); } .slider .slick-prev:before, .slider .slick-next:before { color: var(--primary); } .testimonials-wrap { padding-top: 50px; margin-top: 40px; margin-bottom: 40px; background-color: rgba(255, 255, 255, 0.7); } .testimonials-wrap .stc-slider-header { margin-top: -85px !important; text-transform: uppercase; font-weight: 600; } .testimonials-wrap .slick-dots { text-align: left; } .testimonials-wrap .stc-sliders .slick-slide { padding: 10px 40px; } .testimonials-wrap img { border-radius: 50%; margin-right: 30px !important; margin-bottom: 50px !important; } .testimonials-wrap .fa, .testimonials-wrap .fas, .testimonials-wrap .fab { color: var(--primary); } footer .footer-top { background-color: rgba(255, 255, 255, 0.55); background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-box-shadow: 0px 0px 12px 0px rgba(39, 38, 38, 0.2); box-shadow: 0px 0px 12px 0px rgba(39, 38, 38, 0.2); } /*.no-webp footer .footer-top { background-image: url('../images/banners-8/footer-bg.png'); } .webp footer .footer-top { background-image: url('../images/banners-8/footer-bg.webp'); }*/ footer .footer-bot { position: relative; text-align: center; padding-top: 20px; padding-bottom: 20px; background-color: var(--black); } footer .footer-bot:before { position: absolute; content: ''; top: -143px; right: 60px; width: 250px; height: 143px; background-size: cover; background-position: center center; background-repeat: no-repeat; } /*.no-webp footer .footer-bot:before { background-image: url('../images/misc-12/footer-img2.png'); } .webp footer .footer-bot:before { background-image: url('../images/misc-12/footer-img2.webp'); }*/ footer .footer-bot p, footer .footer-bot a { color: var(--white); } .fa, .fas, .fab { color: var(--primary); } .left-icon { position: relative; padding-left: 24px; } .left-icon > i.fa, .left-icon > i.fas, .left-icon > span.fa { position: absolute; top: 6px; left: 0; } .social-link { display: inline-block; color: var(--black); font-size: 18px; height: 45px; width: 45px; text-align: center; margin-top: 3px; margin-right: 5px; padding-top: 8px; border-radius: 50%; border: 2px solid var(--primary); background-color: var(--primary); } .social-link .fa, .social-link .fab, .social-link .fas { color: var(--black); } .social-link:hover, .social-link:focus, .social-link:active { background-color: var(--white); border: 2px solid var(--primary); } .navbar-default #stc-navbar ul a.btn { color: var(--black) !important; padding: 10px 22px !important; margin-top: 0; -webkit-clip-path: polygon(var(--slant-small) 0, 100% 0, 100% calc(100% - var(--slant-small)), calc(100% - var(--slant-small)) 100%, 0 100%, 0 var(--slant-small)); clip-path: polygon(var(--slant-small) 0, 100% 0, 100% calc(100% - var(--slant-small)), calc(100% - var(--slant-small)) 100%, 0 100%, 0 var(--slant-small)); } .navbar-default #stc-navbar ul .active>a.btn { background-color: var(--white); border: 2px solid var(--primary); } .navbar-default #stc-navbar ul a.btn:hover { border-bottom: 0 !important; } .navbar-default .navbar-nav>li>a.btn:hover { color: var(--black) !important; background-color: var(--white); } /* Dropdown */ #stc-navbar ul.dropdown-menu>li>a { margin: 0; padding: 12px 20px; } .navbar ul li { margin-bottom: 0; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; } #stc-navbar .dropdown-menu>li>a:focus, #stc-navbar .dropdown-menu>li>a:hover, #stc-navbar .dropdown-menu>.active>a, #stc-navbar .dropdown-menu>.active>a:focus, #stc-navbar .dropdown-menu>.active>a:hover { color: var(--black); background-color: var(--primary); } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active { border-color: var(--primary); } @media screen and (min-width: 768px) { .navbar-nav>li>.dropdown-menu { padding: 0; border-radius: 0; margin-top: 0px; } } .header-bg { position: relative; padding-top: 200px; padding-bottom: 60px; background-color: var(--light-gray); background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .header-bg.stc-blog-page h1 { color: var(--primary); font-weight: 700; } .no-webp .header-bg { background-image: url('../images/banners-8/header-bg.jpg'); } .webp .header-bg { background-image: url('../images/banners-8/header-bg.webp'); } .no-webp .header-bg.stc-blog-page { background-image: url('../images/banners-8/news-bg.jpg'); } .webp .header-bg.stc-blog-page { background-image: url('../images/banners-8/news-bg.webp'); } .no-webp .studio-services-bg { background-image: url('../images/banners-8/studio-services-bg.jpg'); } .webp .studio-services-bg { background-image: url('../images/banners-8/studio-services-bg.webp'); } .header-bg:before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .header-bg h1, .header-bg h2, .header-bg h3 { position: relative; z-index: 1; color: var(--white); text-shadow: 1px 2px 8px rgba(33, 33, 33, 0.4); } .header-bg h1 strong, .header-bg h2 strong { color: var(--primary); } .stats-wrap { background-color: rgba(255, 255, 255, 0.7); } .stats-wrap h2, .stats-wrap h3 { font-size: 26px; font-weight: 700; text-transform: none; } blockquote { font-size: var(--font-size-base); padding: 14px 22px; margin-bottom: 5px; border-left: 5px solid var(--primary); background-color: var(--white); } .text-overlap h2 { color: var(--primary); position: relative; z-index: 1; font-size: 60px; margin-bottom: -32px; margin-left: -25px; } .left-aside { padding: 0; } .left-aside h2 { color: var(--primary); font-size: 70px; font-weight: 700; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); text-align: left; display: inline-block; position: absolute; top: 40px; left: 80px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; letter-spacing: 4px; } .left-indent .container { padding-left: 120px; } .case-banner { position: relative; height: 100vh; min-height: 680px; max-height: 830px; padding-top: 150px; padding-bottom: 0; background-color: var(--light-gray); background-size: cover !important; background-position: center center !important; } .case-banner:before, .case-banner:before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.22); } .no-webp .maurizio { background-image: url("../images/case-study-13/maurizio-malagnini-14/maurizio-malagnini-bg.jpg"); } .webp .maurizio { background-image: url("../images/case-study-13/maurizio-malagnini-14/maurizio-malagnini-bg.webp"); } .no-webp .raye { background-image: url("../images/case-study-13/raye-28/raye-main.jpg"); } .webp .raye { background-image: url("../images/case-study-13/raye-28/raye-main.webp"); } .no-webp .libertines { background-image: url("../images/case-study-13/libertines-27/libertines-main.jpg"); } .webp .libertines { background-image: url("../images/case-study-13/libertines-27/libertines-main.webp"); } .no-webp .bournemouth-university { background-image: url("../images/case-study-13/bournemouth-university-29/bournemouth-university-1.jpg"); } .webp .bournemouth-university { background-image: url("../images/case-study-13/bournemouth-university-29/bournemouth-university-1.webp"); } .no-webp .sharkmob { background-image: url("../images/case-study-13/sharkmob-30/sharkmob-bg.jpg"); } .webp .sharkmob { background-image: url("../images/case-study-13/sharkmob-30/sharkmob-bg.webp"); } .no-webp .playground-games { background-image: url("../images/case-study-13/playground-games-31/playground-games-1.jpg"); } .webp .playground-games { background-image: url("../images/case-study-13/playground-games-31/playground-games-1.webp"); } .no-webp .hospital-records { background-image: url("../images/case-study-13/hospital-records-26/hospital-records-bg.jpg"); } .webp .hospital-records { background-image: url("../images/case-study-13/hospital-records-26/hospital-records-bg.webp"); } .case-banner>.container, .case-banner>.container>.row, .case-banner>.container>.row>div { height: 100%; } .case-banner .main-box { position: absolute; z-index: 1; bottom: 0; right: 0; } .case-banner h1, .case-banner h2 { font-size: 70px; text-shadow: 1px 2px 8px rgba(33, 33, 33, 0.4); } .case-banner h1, .case-banner h2, .case-banner h3, .case-banner h4, .case-banner h5, .case-banner h6, .case-banner p, .case-banner a, .case-banner ol, .case-banner ul { color: var(--white); text-align: right; } .case-banner h1 strong, .case-banner h2 strong, .case-banner h3 strong { color: var(--primary); } .case-banner .dark-box { float: right; min-width: 660px; max-width: 680px; padding: 40px 40px 30px 40px; background-color: rgba(47, 47, 47, 0.8); } .card-wrap { padding-top: 20px; padding-bottom: 0; } .card-wrap .stc-iil-details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; } .card-wrap .stc-icon-image-link .stc-iil-emblem { position: relative; z-index: 1; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); } .card-wrap .stc-icon-image-link .stc-iil-emblem:before { position: absolute; content: ""; top: 0; left: 0; z-index: 2; width: 100%; height: 35%; border-radius: 0; background: rgb(0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .card-wrap .stc-iil-description h1, .card-wrap .stc-iil-description h2, .card-wrap .stc-iil-description h3, .card-wrap .stc-iil-description h4, .card-wrap .stc-iil-description h5, .card-wrap .stc-iil-description p { position: relative; z-index: 3; color: var(--white); text-shadow: 0px 2px 4px rgb(0, 0, 0, 0.2); } .card-wrap .stc-iil-details h2, .card-wrap .stc-iil-details h3 { line-height: 1; margin-top: 0; margin-bottom: 5px; } .card-wrap .stc-iil-details h2, .card-wrap .stc-iil-details h2 a, .card-wrap .stc-iil-details h3 a { color: var(--primary); font-size: 26px; font-weight: 700; text-transform: none; border: 0; } .card-wrap .cur-hover:hover h2 { color: var(--white) ; } .card-wrap .stc-iil-image-bg { border-radius: 0; } body .card-wrap .stc-icon-image-link .stc-iil-emblem .stc-iil-image-bg { padding-bottom: 320px; /*-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); overflow: hidden; transition: transform 0.6s ease-in-out;*/ opacity: 1; border-bottom: 7px solid #f1f1f1; transition: opacity 0.6s ease-in-out, border-bottom 0.6s ease-in-out; } body .card-wrap .stc-icon-image-link:hover .stc-iil-emblem .stc-iil-image-bg { /*transform: scale(1.15); transition: transform 0.6s ease-in-out;*/ transform: none !important; opacity: 0.8; border-bottom: 7px solid var(--primary); } .card-wrap .stc-icon-image-link .stc-iil-emblem .stc-iil-image-bg:before { content: ""; position: absolute; z-index: 0; bottom: 6px; left: 0; width: 100%; height: 70%; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.6) 100%); } .card-wrap .stc-icon-image-link:hover .stc-iil-emblem .stc-iil-image-bg:before { bottom: 7px; } .card-wrap .stc-iil-link-text, .card-wrap .stc-iil-description { position: relative; z-index: 2; padding: 0px 20px; } .card-wrap.recommend .stc-icon-image-link .stc-iil-emblem .stc-iil-image-bg { padding-bottom: 280px; } .card-wrap.meet-team .stc-icon-image-link .stc-iil-emblem .stc-iil-image-bg { padding-bottom: 340px; } .card-wrap.recommend .stc-icon-image-link .stc-iil-emblem:before { top: auto; bottom: 0; height: 40%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .card-wrap.meet-team .stc-icon-image-link .stc-iil-emblem:before { top: auto; bottom: 0; height: 30%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .card-wrap.recommend .stc-iil-link-text, .card-wrap.meet-team .stc-iil-link-text { position: absolute; left: 20px; bottom: 85px; } .card-wrap.recommend .stc-iil-description, .card-wrap.meet-team .stc-iil-description { position: absolute; left: 20px; bottom: 25px; } .card-wrap.recommend .stc-iil-details h2 a, .card-wrap.recommend .stc-iil-details h3 a, .card-wrap.meet-team .stc-iil-details h2 a, .card-wrap.meet-team .stc-iil-details h3 a { text-shadow: 1px 2px 8px rgba(33, 33, 33, 0.4); } .card-wrap.meet-team .stc-icon-image-link, .card-wrap.meet-team .stc-icon-image-link span { display: block; } body .card-wrap.case-study .stc-iil-description { position: absolute; left: 25px; bottom: 50px; padding: 0; width: calc(100% - 30%); } body .card-wrap.case-study .stc-iil-description .cs-description { padding: 0; background-color: transparent; } body .card-wrap.case-study .stc-iil-description h2, body .card-wrap.case-study .stc-iil-description h3, body .card-wrap.case-study .stc-iil-description h4, body .card-wrap.case-study .stc-iil-description h5, body .card-wrap.case-study .stc-iil-description p { color: var(--white); text-align: left; } body .card-wrap.case-study .stc-iil-description h2 { font-size: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.2; text-shadow: 1px 2px 5px rgba(33, 33, 33, 0.3); } body .card-wrap.case-study .stc-iil-description p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-shadow: 1px 2px 5px rgba(33, 33, 33, 0.3); } .card-wrap.case-study .cat-sector, .card-wrap.case-study .cat-service { display: inline-block; font-size: 14px; padding: 3px 10px; margin-right: 5px; background-color: var(--primary); } .card-wrap.case-study .cat-sector:hover, .card-wrap.case-study .cat-service:hover { color: var(--white); background-color: var(--secondary); } body .card-wrap.case-study .stc-icon-image-link .stc-iil-emblem .stc-iil-image-bg { padding-bottom: 360px; } .card-wrap.case-study .stc-icon-image-link .stc-iil-emblem:before { display: none; } body .card-wrap.case-study .stc-icon-image-link { position: relative; background-color: transparent; box-shadow: none; } .card-wrap.case-study .stc-ecommerce, .card-wrap.case-study .stc-crmcard { padding: 0; } card-wrap.case-study .stc-crmcard .container { width: 100%; } .case-study .cs-tags { position: absolute; display: block; z-index: 2; bottom: 40px; left: 40px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } body .case-study .cs-tag { display: inline-block; font-size: 14px; padding: 3px 10px; background-color: #F9CA24; margin-right: 8px; } body .case-study .cs-tag:hover { color: #fff; background-color: #242424; border: 1px solid #242424; } body .case-study .stc-ecommerce .st-ec-cards { margin-top: 20px; } .studio-banner { position: relative; /*height: 100vh;*/ min-height: 650px; max-height: 750px; padding-top: 140px; padding-bottom: 80px; background-color: var(--light-gray); background-size: cover !important; background-position: center center !important; } .no-webp .studio-banner { background-image: url("../images/studio-services-16/studio-design-17/studio-design-1.jpg"); } .webp .studio-banner { background-image: url("../images/studio-services-16/studio-design-17/studio-design-1.webp"); } .no-webp .studio-build { background-image: url("../images/studio-services-16/studio-build-32/studio-build-1.jpg"); } .webp .studio-build { background-image: url("../images/studio-services-16/studio-build-32/studio-build-1.webp"); } .no-webp .acoustics { background-image: url("../images/studio-services-16/acoustics-33/acoustics-1.jpg"); } .webp .acoustics { background-image: url("../images/studio-services-16/acoustics-33/acoustics-1.webp"); } .no-webp .audio-visual { background-image: url("../images/studio-services-16/audio-visual-34/audio-visual-1.jpg"); } .webp .audio-visual { background-image: url("../images/studio-services-16/audio-visual-34/audio-visual-1.webp"); } .no-webp .acoustic-products { background-image: url("../images/studio-services-16/acoustic-products-35/acoustic-products-bg2.jpg"); } .webp .acoustic-products { background-image: url("../images/studio-services-16/acoustic-products-35/acoustic-products-bg2.webp"); } .no-webp .technical-furniture { background-image: url("../images/studio-services-16/technical-furniture-36/technical-furniture-bg.jpg"); } .webp .technical-furniture { background-image: url("../images/studio-services-16/technical-furniture-36/technical-furniture-bg.webp"); } .no-webp .s360-creation { background-image: url("../images/studio-services-16/360-studio-creation-37/360-studio-1.jpg"); } .webp .s360-creation { background-image: url("../images/studio-services-16/360-studio-creation-37/360-studio-1.webp"); } .no-webp .modular-studios { background-image: url("../images/banners-8/modular-studios.jpg"); } .webp .modular-studios { background-image: url("../images/banners-8/modular-studios.webp"); } .studio-banner:before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .studio-banner .container>.row>div:first-child { padding-top: 60px; } .studio-banner>.container, .studio-banner>.container>.row, .studio-banner>.container>.row>div { height: 100%; } .studio-banner .main-box { position: absolute; z-index: 1; bottom: 0; right: 0; } .studio-banner h1, .studio-banner h2 { font-size: 70px; text-shadow: 1px 2px 8px rgba(33, 33, 33, 0.4); } .studio-banner h1, .studio-banner h2, .studio-banner h3, .studio-banner h4, .studio-banner h5, .studio-banner h6, .studio-banner p, .studio-banner ol, .studio-banner ul { color: var(--white); } .studio-banner h1 strong, .studio-banner h2 strong, .studio-banner h3 strong { color: var(--primary); } .studio-banner .stc-ls h3 { color: var(--black); font-size: 34px; font-weight: 500; text-align: center; } .studio-banner .stc-ls h3 strong { color: var(--black); } .studio-banner p { font-size: 18px; text-shadow: 1px 1px 10px rgba(33, 33, 33, 0.8); } .studio-banner .dark-box { float: right; max-width: 580px; padding: 40px 40px 30px 40px; background-color: rgba(47, 47, 47, 0.8); } .studio-banner .stc-ls { box-shadow: 0px 2px 10px 3px rgb(39, 38, 38, 0.18); } .studio-banner .stc-ls .stc-api-multi-form { padding: 20px 18px 30px 18px; border-radius: 0; background-color: rgba(255, 255, 255, 0.88); border: 3px solid #f7f7f7; -webkit-backdrop-filter: saturate(150%) blur(3px); backdrop-filter: saturate(150%) blur(3px); -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); } body .studio-banner .stc-ls .stform .form-group textarea { min-height: 80px !important; height: 80px !important; /*-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.7em), calc(100% - 0.7em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.7em), calc(100% - 0.7em) 100%, 0 100%);*/ } #stc-subscribe-tickbox, body .stform .stformfooter { text-align: center; } .strow .stc-recaptcha { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .stc-blogs .blog, .stc-blog .blog-single, .studio-banner .stc-ls { opacity: 0; -webkit-animation: fadeInUp 1.5s ease-in forwards; animation: fadeInUp 1.5s ease-in forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } .page-item.active .page-link, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: var(--black); background-color: var(--primary); border-color: #ddd; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .stc-accordions .panel, .panel-default>.panel-heading, body .stc-accordions .panel-body { box-shadow: none; border: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0.88) !important; } .stc-accordions .panel-heading .panel-title a { font-size: 18px; font-weight: 600; color: var(--black); border: 0; text-transform: none; background-color: transparent; border-top: 0; } .stc-accordions .panel-heading .panel-title a:hover { color: #5b5b5b; } .stc-accordions .stc-btn:after { color: var(--black); } body .panel-default>.panel-heading+.panel-collapse>.panel-body { border: 0; } .stc-accordions .panel-body { padding: 5px 25px 20px 25px; } .cta-product { background-color: var(--secondary); background-size: cover; background-position: center center; } .no-webp .michele-desk { background-image: url("../images/studio-desks-18/the-michele-desk-19/michele-desk-02.jpg"); } .webp .michele-desk { background-image: url("../images/studio-desks-18/the-michele-desk-19/michele-desk-02.webp"); } .no-webp .michele-desk-bg { background-image: url("../images/banners-8/michele-desk-bg.jpg"); } .webp .michele-desk-bg { background-image: url("../images/banners-8/michele-desk-bg.webp"); } /* Blogs */ .blog { margin-bottom: 40px; } .blog-tbl { width: 100%; margin-bottom: 15px; } .blog-img { float: left; width: 20%; margin-right: 15px; } .blog-desc { float: left; width: 74%; } .blog-desc .fa { color: var(--secondary); } .blog-desc h5 { font-size: 16px; } .blog-tbl a { font-weight: 600; } .blog .title a { display: inline-block; overflow: hidden; font-size: 36px; font-weight: 600; line-height: 1.2; margin-top: 15px; border: 0; } .blog .banner { margin-bottom: 10px; } .blog .banner img, .blog-single .banner img { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); } .blog .short-description, .blog-single .short-description { max-height: 75px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .stc-blogs .nav-tabs>li>a, .stc-blog .nav-tabs>li>a { border: 2px solid var(--primary); border-radius: 0; text-transform: lowercase; } .stc-blogs .nav-tabs>li>a:hover, .stc-blogs .nav-tabs>li>a:focus, .stc-blogs .nav-tabs>li>a:active, .stc-blogs .nav-tabs>li>a.active, .stc-blog .nav-tabs>li>a:hover, .stc-blog .nav-tabs>li>a:focus, .stc-blog .nav-tabs>li>a:active, .stc-blog .nav-tabs>li>a.active { color: var(--black); background-color: var(--primary); border: 2px solid var(--primary) !important; } .blog-single .title { line-height: 1.1; font-size: 38px; font-weight: 600; margin-bottom: 5px; } .blog-single h1, .blog-single h2 { font-size: 36px; } .blog-single h3 { font-size: 30px; } .blog-single h1, .blog-single h2, .blog-single h3, .blog-single h4 { font-weight: 600; text-transform: none; } .blog-single>.banner { margin-bottom: 25px; } .blog-single>.banner>img { width: 100%; } .stc-blog .content .container { width: 100%; } .stc-blog-block .banner .banner-img { height: auto; padding-bottom: 68.75%; border-radius: 15px; } .stc-blogs h4, .stc-blog h4 { font-weight: 700; font-size: 26px; } .archives, .categories { margin-top: 40px; } .content section { padding: 10px 0; } .content section>.container { padding-right: 0px; padding-left: 0px; } .st-pagination .btn { padding: 8px 15px; border-radius: 0; border: 1px solid #cbcbcb; background-color: var(--white); } .st-pagination .btn:hover { background-color: var(--primary); } .st-pagination .btn.active, .st-pagination .btn:active { color: var(--white); border: 1px solid var(--primary); background-color: var(--primary); } .contact-wrap .stc-ls .stc-api-multi-form { padding: 25px 20px 35px 20px; border-radius: 0; border: 3px solid #f7f7f7; background-color: rgba(255, 255, 255, 0.60); box-shadow: 0px 2px 10px 3px rgb(39, 38, 38, 0.12); -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); -webkit-backdrop-filter: saturate(150%) blur(3px); backdrop-filter: saturate(150%) blur(3px); } .timeline-wrap, .timeline-wrap h2, .timeline-wrap h3, .timeline-wrap h4, .timeline-wrap h5, .timeline-wrap p, .timeline-wrap span { text-align: center; } .timeline-wrap h2, .timeline-wrap h3 { font-size: 28px; font-weight: 700; } .filter-wrap .stc-ecommercefilters { padding: 0; } .filter-wrap .stc-ecommercefilters .container { width: 100%; } .filter-wrap .stc-ecommercefilters .row { margin: 0 auto; width: 95%; } .filter-wrap { text-transform: none; font-size: 30px; font-weight: 600; padding: 0; background-color: rgba(255, 255, 255, 0.7); } .filter-wrap .stc-ecommercefilters h3 { font-size: 26px; font-weight: 600; text-transform: none; } .stc-ecommercefilters .st-ec-filter-group select { font-weight: 500; border-radius: 0 !important; background-color: transparent; border: 0; border-bottom: 1px solid #787878; box-shadow: none; } .stc-ecommercefilters .st-ec-filter-group select:hover, .stc-ecommercefilters .st-ec-filter-group select:focus { box-shadow: none; border-bottom: solid 2px var(--primary); } body .stc-ecommercefilters .btn { max-width: 180px; } @media screen and (min-width: 1700px) { .timeline-wrap .container-fluid { width: 1600px; } } @media screen and (min-width: 768px) { .vheight .container>.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider .slick-prev { left: -10px; } .slider .slick-next { right: -10px; } } /*.main-banner .slider, .main-banner .slider .stc-slide.stc-slide-bg, .main-banner .slick-slide { background-color: #223e65 !important; }*/ .stc-image img, .img-animate img { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); } .img-animate { display: inline-block; } main .stc-image, .img-animate { position: relative; overflow: hidden; } main .stc-image:before, .img-animate:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } main .stc-image:hover:before, .img-animate:hover:before { -webkit-animation: shine 1.2s; animation: shine 1.2s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .studio-desks .white-box { position: absolute; width: 50%; max-width: 410px; left: -20px; top: 42px; } .studio-desks .img-animate { float: right; } .main-banner .slider .slick-prev { left: 20px; } .main-banner .slider .slick-next { right: 20px; } .main-banner .slider .slick-prev:before, .main-banner .slider .slick-next:before { color: var(--white); } .main-banner .slick-dots { bottom: 50px; } .stc-sliders .slick-dots li button:before { font-size: 18px; } body .filter-tag { display: inline-block; color: #000; font-size: 14px; font-weight: 500; border-radius: 4px; padding: 8px 12px 8px 16px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; line-height: 1.3; background-color: #fff6d5; } .filter-tag .fas { color: var(--primary); } .filter-tag > span { cursor: pointer; margin-left: 7px; font-size: 14px; } body .cs-slider { padding-top: 15px; } .cs-slider .stc-casestudy { padding: 0; } .cs-slider .stc-casestudy .case-study { position: relative; } body .cs-slider .case-study .cs-tags { bottom: 22px; left: 25px; } .pc-slider-image:hover { opacity: 0.8; } .cur-hover { cursor: pointer; } body .modal-header { padding: 12px 25px; background-color: var(--primary); } body .modal-header h2, body .modal-header h3, body .modal-header h4 { font-size: 24px; } body .modal-body { padding: 25px 25px 15px 25px; } .modal-content { border-radius: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); } .modal-header .close { font-size: 28px; margin-right: -12px; } .news-box { position: relative; height: 360px; width: 100%; padding: 30px; background-color: #211bd1; border-radius: 0; box-shadow: rgba(0, 0, 0, 0.20) 0 3px 5px; } .news1:hover, .news2:hover, .news-box3:hover { opacity: 0.8; } .latest-news { padding-top: 40px; } .latest-news .posted-by, .latest-news .news-desc, .latest-news .news-date { font-size: 14px; } .latest-news .news-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .latest-news .news-title { color: #fff; } .latest-news .news1 .news-title { font-size: 30px; text-shadow: 1px 3px 5px rgb(0, 0, 0, 0.50); text-transform: none; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .latest-news .news1 p { text-shadow: 1px 1px 3px rgb(0, 0, 0, 0.65); } .latest-news .news-title2 { color: var(--black); } .latest-news .news-box a, .latest-news .news-box3 a { color: #fff; } .latest-news .news-box a { text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.55); } .latest-news .news-right h3 { font-size: 18px; font-weight: 600; text-transform: none; margin-top: 0px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 2px; } .latest-news .news-right>div:nth-child(2) .news-title, .latest-news .news-right>div:nth-child(2) p, .latest-news .news-right>div:nth-child(3) .news-title, .latest-news .news-right>div:nth-child(3) p { position: relative; z-index: 1; text-shadow: 1px 2px 5px rgb(0, 0, 0, 0.50); } .latest-news .container>.row>div:nth-child(1) .news-wrap.first { position: absolute; bottom: 10px; left: 25px; margin-right: 20px; } .latest-news .stc-custom-code>.row>div:first-child a { display: block; position: relative; color: #fff; } .latest-news .stc-custom-code>.row>div:first-child a>.news-author { position: absolute; z-index: 1; top: 20px; left: 30px; } .latest-news .stc-custom-code>.row>div:nth-child(2)>.row>div:first-child .news-author { color: #F04E98; } .latest-news .stc-custom-code>.row>div:nth-child(2)>.row>div:last-child .news-author { color: #fff; } .latest-news .news-box2 { height: 360px; background-color: #fff; border-radius: 0; box-shadow: rgba(0, 0, 0, 0.20) 0 3px 5px; } .latest-news .news-box2 .news-wrap { padding: 20px; } .latest-news .news-box3 { position: relative; height: 170px; padding: 20px 20px 10px 20px; border-radius: 0; background-color: #485cc7; box-shadow: rgba(0, 0, 0, 0.20) 0 3px 5px; background-size: cover; } .latest-news .news-tag { color: #fff; padding: 3px 10px; border-radius: 0; background-color: #F04E98; } .latest-news .posted-by { color: #fff; } .news-img { padding-bottom: 62%; border-radius: 0; background-color: #211bd1; } .news-box4 { position: relative; height: 170px; margin-top: 20px; padding: 20px 20px 10px 20px; border-radius: 0; background-color: #211BD1; box-shadow: rgba(0, 0, 0, 0.20) 0 3px 5px; background-size: cover; background-position: center center; } .news1, .news2, .news4 { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .news1:before, .news3:before, .news4:before, .news-box3:before, .news-box4:before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 70%; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.6) 100%); border-radius: 0; } .news1:before { top: unset; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.6) 100%); } .modal-wrap .modal:not(.managers) .modal-dialog { width: 400px; } .modal-wrap p { text-align: center; } .meet-team .stc-iil-image-bg:hover { cursor: pointer; } .team-wrap { position: relative; border-bottom: 7px solid transparent; transition: opacity 0.5s ease-in-out, border-bottom 0.5s ease-in-out; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), calc(100% - 2em) 100%, 0 100%); } .team-wrap.with-modal:hover { cursor: pointer; opacity: 0.8; border-bottom: 7px solid var(--primary); } .team-wrap.with-modal:hover h2 { color: var(--white); } .team-wrap:before { content: ""; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 70%; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.6) 100%); } .team-wrap .team-cont { position: absolute; z-index: 2; left: 20px; bottom: 5px; } .team-wrap h2 { color: var(--primary); font-size: 26px; font-weight: 700; text-transform: none; border: 0; margin-bottom: 2px; padding-right: 25px; text-shadow: 0px 2px 4px rgb(0, 0, 0, 0.2); } .team-wrap p { color: var(--white); padding-right: 25px; text-shadow: 0px 2px 4px rgb(0, 0, 0, 0.2); } @media screen and (min-width: 768px) { .center-three .container>.row>div:nth-child(1) { width: 16.6667%; } } @media screen and (max-width: 1200px) { h1, .main-banner h1, .case-banner h1, .case-banner h2 { font-size: 50px; } h2, .studio-banner h1, .studio-banner h2, .text-overlap h2 { font-size: 45px; } .stc-slider-header { font-size: 45px !important; } nav.navbar > .container-fluid { width: 100%; } } @media screen and (max-width: 991px) { .tspacer>.container>.row>div, .studio-banner>.container>.row>div { width: 100%; margin-bottom: 50px; } .tspacer>.container>.row>div:last-child, .studio-banner>.container>.row>div:last-child { margin-bottom: 0; } .cta-banner .container>.row>div { width: 100%; margin-bottom: 50px; } .cta-banner .container>.row>div:last-child { margin-bottom: 0px; } .studio-banner .stc-ls { box-shadow: none; } } @media screen and (max-width: 767px) { h1, .main-banner h1, .case-banner h1, .case-banner h2 { font-size: 38px; } h2, .studio-banner h1, .studio-banner h2, .text-overlap h2 { font-size: 34px; } .stc-slider-header { font-size: 34px !important; } .stc-tabs h1, .stc-tabs h2, .stc-tabs h3 { font-size: 32px; } .studio-banner .stc-ls h3 { font-size: 28px; } .mspacer>.container>.row>div { margin-bottom: 50px; } .mspacer>.container>.row>div:last-child { margin-bottom: 0; } .main-banner .slider .stc-slide.stc-slide-bg .text { padding: 20px; } .navbar-toggle { margin-top: 27px; } #stc-navbar>ul { float: left; width: 100%; margin-top: 10px; } #stc-navbar>ul>li { margin-left: 0; } .navbar-nav { margin: 10px 0; } .navbar-default .navbar-collapse { background-color: var(--white); margin-top: 20px; max-height: calc(100vh - 100px); padding-bottom: 15px; box-shadow: 0px 2px 10px 3px rgb(39, 38, 38, 0.18); } #stc-navbar>ul>li>a { color: var(--black); font-size: 16px; padding: 15px 0; margin: 0; font-weight: 500; } .navbar-default #stc-navbar ul a.btn { margin-top: 15px; } .navbar-default .navbar-toggle .icon-bar { background-color: var(--white) } .stc-tabs .tabs-left>.nav-tabs { width: 100%; } .stc-tabs .stc-tab-content .tab-pane { padding: 15px 15px 10px 15px; } .main-banner, .main-banner .slider .stc-slide.stc-slide-bg, .main-banner .slider .stc-slide.stc-slide-bg .text, .main-banner .slider .stc-slide.stc-slide-bg .text .col-md-8 { min-height: 580px; } .main-banner .main-box { bottom: 60px; } body .slick-dots { bottom: -42px; } .main-banner .slick-dots { bottom: 65px; } .main-banner .slider .stc-slide.stc-slide-bg .text { padding: 20px 10px; } .tabs-left>.nav-tabs>li { border-bottom: 1px solid #eee; } .card-wrap { padding-left: 0; padding-right: 0; } .case-study .cs-tags { left: 25px; } body .card-wrap.case-study .stc-icon-image-link .stc-iil-emblem .stc-iil-image-bg { padding-bottom: 320px; } .latest-news .stc-custom-code>.row>div { margin-bottom: 30px; } .latest-news .news-box2 { height: auto; } footer .footer-top { padding-bottom: 160px; } footer .footer-bot:before { right: 20px; } .cta-banner .container>.row>div:first-child { margin-bottom: 40px; } .header-bg { padding-top: 180px; padding-bottom: 40px; } .studio-banner { height: auto; max-height: unset; } .studio-banner .container>.row>div:first-child { padding-top: 0; } .studio-banner .stc-ls { margin-top: 30px; box-shadow: none; } .studio-banner .stc-ls .stc-api-multi-form { padding: 20px 10px 30px 10px; } .stc-casestudy .slider .slick-prev, .stc-casestudy .slider .slick-next { display: none !important; } .stc-casestudy .stc-sliders .slick-slide { padding: 10px 5px; } body .stc-ecommercefilters .btn { margin-top: 20px; } .case-banner .dark-box { min-width: 280px; max-width: 280px; padding: 20px 20px 15px 20px; background-color: rgba(47, 47, 47, 0.65); } .case-banner .main-box { position: relative; } .case-banner { height: auto; max-height: none; padding-bottom: 40px; } .case-banner:before, .case-banner:before { background: rgba(0, 0, 0, 0.45); } .text-overlap h2 { margin-bottom: -20px; margin-left: 0px; } .stc-blog > .container > .row > div:last-child { margin-top: 60px; } } @media screen and (max-width: 500px) { .blog .title a, .blog-single .title { font-size: 26px; } .blog-single h2 { font-size: 24px; } .blog-single h3 { font-size: 22px; } .blog-single h4 { font-size: 18px; } body main .card-wrap.case-study .stc-icon-image-link .stc-iil-emblem .stc-iil-image-bg { padding-bottom: 280px; } body .card-wrap.case-study .cs-tag { font-size: 12px; padding: 3px 8px; } body .card-wrap.case-study .stc-iil-description h2 { font-size: 22px; } .news-box4 { padding: 20px 20px 60% 20px; } .latest-news .news1 .news-title { font-size: 26px; } .latest-news .news-right h3 { font-size: 24px; } .news-box { height: 280px; } .testimonials-wrap .slick-slide img { width: 100%; height: auto; padding: 0 35px; } .testimonials-wrap .slider .slick-prev:before, .testimonials-wrap .slider .slick-next:before { display: none; } .testimonials-wrap .stc-sliders .slick-slide { padding: 10px 15px; } .cta-banner .container>.row { padding: 25px 10px; } .footer-top .container>.row>div { margin-bottom: 30px; } .footer-top .container>.row>div:last-child { margin-bottom: 0px; } .left-aside { width: 1000px; } .left-aside h2 { font-size: 38px; top: 55px; left: 48px; } .left-indent .container { padding-left: 65px; } .stc-ecommercefilters .st-filters-body { padding: 20px 0; } body .stc-ecommercefilters .btn { max-width: none; } .navbar-default #stc-navbar ul a.btn { background-color: var(--primary) !important; border: 2px solid var(--primary) !important; padding: 12px 22px !important; } } .product-wrap { padding-top: 120px; } .product-wrap .stc-ecommerceaddtocart { padding: 35px 30px 35px 20px; background-color: #fff; -webkit-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); box-shadow: 0px 3px 6px 0px rgba(39, 38, 38, 0.25); } .product-wrap .st-product-main-image, .product-wrap .st-product-main-video { height: 340px; } .product-wrap .st-product-image-gallery-arrow { border-bottom: 0; top: 150px; } .product-wrap .btn-primary { max-width: 200px; } .product-wrap .fa { color: var(--black); } body .product-wrap select { border: 1px solid var(--black); } body .st-ec-cart-product-name { font-size: 25px; text-transform: none; font-weight: 700; margin-top: 0; }