/* #region MAKING COLUMNS VISIBLE */ .col { /*background-color: rgba(0,0,0,0.05);*/ } /* #endregion */ /* #region COLOURS */ .dark_grey { color: #666; } .light_grey { background-color: #fafafa; } .red { color: #ed3123; } .dark_red { color: #d52c1f; } /* #endregion */ /* #region CLIPBOARD */ .Box Sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Box Radius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .Box Shadow { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); } .Transitions { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* #endregion */ /* #region Initial Setup */ /* #region Boilerplate */ html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#ddd;text-shadow:none}::selection{background:#ddd;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid rgba(0,0,0,0.1);margin:30px 0;padding:0;width:100%}/*hr:last-child{margin-bottom:20px}*/.horizontal_rule hr{margin:20px 0 30px}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ddd;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}::selection{background:#ddd}::-moz-selection{background:#ddd}img{max-width:100%;height:auto}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} /* #endregion */ /* #region fancybox.css */ /* #region Default Fancybox Styling */ .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#fff;color:#333;text-shadow:none}.fancybox-opened{z-index:8030}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#555;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}#fancybox-loading div,.fancybox-close{width:44px;height:44px}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}.fancybox-close{top:0;right:0;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:44px;height:44px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,.5) 0,rgba(0,0,0,.85) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,.5) 0,rgba(0,0,0,.85) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0,rgba(0,0,0,.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#d9000000', GradientType=1 )}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:relative;bottom:0;right:0;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;width:100%;padding:10px 0 0;color:#999;font-family:'Montserrat',sans-serif;font-weight:400;line-height:24px;text-align:right;font-style:italic;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)} /* #endregion */ /* #region Custom Fancybox Styling */ /*.fancybox-close,.fancybox-next span,.fancybox-prev span{background-color:#d52c1f}*/.fancybox-close:hover,.fancybox-next span:hover,.fancybox-prev span:hover{}.fancybox-next span,.fancybox-prev span{width:44px;height:44px}.fancybox-prev span{left:-15px}.fancybox-next span{right:-15px}.fancybox-nav span{visibility:visible}.fancybox-nav:hover span{visibility:visible}.fancybox-close:before{content:"\f00d";margin-right:-3px;margin-top:2px}.fancybox-prev span:before{content:"\f053";margin-left:0}.fancybox-next span:before{content:"\f054";margin-right:-5px}.fancybox-prev span:before,.fancybox-next span:before{margin-top:2px}.fancybox-close:before,.fancybox-prev span:before,.fancybox-next span:before{font-family:FontAwesome;font-size:18px;padding-right:.5em;position:absolute;top:7px;left:13px;color:black !important;}.fancybox-next span:before{left:15px}.fancybox-close:hover:before,.fancybox-prev span:hover:before,.fancybox-next span:hover:before{opacity:0.3}.fancybox-close:before,.fancybox-prev span:before,.fancybox-next span:before {color: #fff;opacity: 0.75;}.fancybox-close:hover:before,.fancybox-prev span:hover:before,.fancybox-next span:hover:before {opacity: 1;} /* #endregion */ /* #endregion */ /* #region flexslider.css */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0}.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides > li:first-child{display:block}.flexslider{margin:0;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0;z-index:1001}.flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;display:block;/*background:url(../images/bg_direction_nav.png) no-repeat 0 0*/;position:absolute;bottom:0;z-index:101;cursor:pointer;text-indent:0;opacity:0}.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}.flex-direction-nav .flex-prev{left:-36px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* #endregion */ /* #region jssocials.css */ .jssocials-shares{margin:.2em 0}.jssocials-shares *{box-sizing:border-box}.jssocials-share{display:inline-block;vertical-align:top;margin:.3em;margin-right:1px}.jssocials-share:first-child{margin-left:0}.jssocials-share:last-child{margin-right:0}.jssocials-share-logo{width:1em;vertical-align:middle;font-size:1.5em}img.jssocials-share-logo{width:auto;height:1em}.jssocials-share-link{display:inline-block;text-align:center;text-decoration:none;line-height:1}.jssocials-share-link.jssocials-share-link-count{padding-top:.2em}.jssocials-share-link.jssocials-share-link-count .jssocials-share-count{display:block;font-size:.6em;margin:0 -.5em -.8em}.jssocials-share-link.jssocials-share-no-count{padding-top:.5em}.jssocials-share-link.jssocials-share-no-count .jssocials-share-count{height:1em}.jssocials-share-label{padding-left:.3em;vertical-align:middle}.jssocials-share-count-box{display:inline-block;height:1.5em;padding:0 .3em;vertical-align:middle;cursor:default}.jssocials-share-count-box.jssocials-share-no-count{display:none}.jssocials-share-count{line-height:1.5em;vertical-align:middle} /* #region THEME */ .jssocials-share-twitter .jssocials-share-link{background:#00aced}.jssocials-share-twitter .jssocials-share-link:hover{background:#0087ba}.jssocials-share-facebook .jssocials-share-link{background:#3b5998}.jssocials-share-facebook .jssocials-share-link:hover{background:#2d4373}.jssocials-share-googleplus .jssocials-share-link{background:#dd4b39}.jssocials-share-googleplus .jssocials-share-link:hover{background:#c23321}.jssocials-share-linkedin .jssocials-share-link{background:#007bb6}.jssocials-share-linkedin .jssocials-share-link:hover{background:#005983}.jssocials-share-pinterest .jssocials-share-link{background:#cb2027}.jssocials-share-pinterest .jssocials-share-link:hover{background:#9f191f}.jssocials-share-email .jssocials-share-link{background:#3490F3}.jssocials-share-email .jssocials-share-link:hover{background:#0e76e6}.jssocials-share-link{padding:.5em .6em;color:#fff;-webkit-transition:background 200ms ease-in-out,border-color 200ms ease-in-out;transition:background 200ms ease-in-out,border-color 200ms ease-in-out}.jssocials-share-link:hover,.jssocials-share-link:focus,.jssocials-share-link:active{color:#fff}.jssocials-share-count-box{position:relative;height:2.5em;padding:0 .3em;margin-left:.3em;background:#f5f5f5;-webkit-transition:background 200ms ease-in-out,border-color 200ms ease-in-out;transition:background 200ms ease-in-out,border-color 200ms ease-in-out}.jssocials-share-count-box:hover{background:#dcdcdc}.jssocials-share-count-box:hover:after{border-color:transparent #dcdcdc transparent transparent}.jssocials-share-count-box:after{content:"";display:block;position:absolute;top:.85em;left:-.3em;width:0;height:0;border-width:.4em .4em .4em 0;border-style:solid;border-color:transparent #f5f5f5 transparent transparent;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:background 200ms ease-in-out,border-color 200ms ease-in-out;transition:background 200ms ease-in-out,border-color 200ms ease-in-out}.jssocials-share-count-box .jssocials-share-count{line-height:2.5em;color:#555} /* #endregion */ /* #endregion */ /* #region Animate.css */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.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{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-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{from,to{-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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform: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)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@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)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-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)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-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)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform: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)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-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}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-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}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-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-animation-timing-function:ease-in;animation-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-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-animation-timing-function:ease-in;animation-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-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-animation-timing-function:ease-in;animation-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-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-animation-timing-function:ease-in;animation-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-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}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-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}to{-webkit-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-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-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}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-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}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-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}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-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}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-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{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-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 rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-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{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-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{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-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{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-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{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-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{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-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}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform: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}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{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{from{opacity:1}to{opacity:0;-webkit-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{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{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.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{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.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{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.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{from{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.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{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.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{from{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.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{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.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{from{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.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* #endregion */ /* #region Swiper (added 11/06/2021) */ /** * Swiper 6.7.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 31, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* #endregion */ /* #endregion */ /* #region Responsive Setup */ /* #region Column Setup */ /* SECTIONS */ .section_outer { clear: both; padding: 0px; margin: 0px; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* GRID COLUMN SETUP */ .col { display: block; position: relative; float: left; margin: 10px 0 8px 2.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*background-color: rgba(0,0,0,0.05);*/ } .side_section { display: block; float: left; } .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ /* #endregion */ /* #region 1 Columns */ .span_1_of_1 { width: 100%; margin-left: 0; } /* #endregion */ /* #region 2 Columns */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 48.12%; } .col.span_1_of_2:nth-of-type(2n+1) { margin-left: 0; clear: left; } .col.span_1_of_2:nth-of-type(2n) { margin-left: 3.75%; clear: none; } /* #endregion */ /* #region 3 Columns */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 65.83%; } .span_1_of_3 { width: 31.66%; } .col.span_1_of_3:nth-of-type(3n+1) { margin-left: 0; clear: left; } /* #endregion */ /* #region 4 Columns */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.37%; } .span_2_of_4 { width: 48.75%; } .span_1_of_4 { width: 23.12%; } .col.span_1_of_4:nth-of-type(4n+1) { margin-left: 0; clear: left; } .span_1_of_4:nth-child(1), .span_1_of_4:nth-child(2), .span_1_of_4:nth-child(3), .span_1_of_4:nth-child(4) { margin-top: 0; } .span_3_of_4 + .span_1_of_4 { margin-top: 10px; } /* #endregion */ /* #region 6 Columns */ .span_6_of_6 {width: 100%;} .span_5_of_6 {width: 82.91%;} .span_4_of_6 {width: 65.83%;} .span_3_of_6 {width: 48.75%;} .span_2_of_6 {width: 31.66%;} .span_1_of_6 {width: 14.58%;} .col.span_1_of_6:nth-of-type(6n+1) { margin-left: 0; clear: left; } .col.span_1_of_6:nth-child(1), .col.span_1_of_6:nth-child(2), .col.span_1_of_6:nth-child(3), .col.span_1_of_6:nth-child(4), .col.span_1_of_6:nth-child(5), .col.span_1_of_6:nth-child(6) { margin-top: 0; } /* #endregion */ /* #region 8 Columns */ .span_8_of_8 {width: 100%; } .span_7_of_8 { width: 87.18%; } .span_6_of_8 { width: 74.37%; } .span_5_of_8 { width: 61.56%; } .span_4_of_8 { width: 48.75%; } .span_3_of_8 { width: 35.93%; } .span_2_of_8 { width: 23.12%; } .span_1_of_8 { width: 10.31%; } .col.span_8_of_8, .col.span_7_of_8, .col.span_6_of_8, .col.span_5_of_8, .col.span_4_of_8, .col.span_3_of_8, .col.span_2_of_8, .col.span_1_of_8 { /*background-color: rgba(0,0,0,0.05);*/ } /* #endregion */ /* #region 16 Columns */ .span_11_of_16 { width: 67.5%; } .span_5_of_16 { width: 30%; } /* #endregion */ /* #endregion */ /* #region CSS Scroll Animations */ .reveal{ position: relative !important; transform: translateY(100px); opacity: 0; transition: 0.75s all ease !important; } .reveal.active{ transform: translateY(0); opacity: 1; } /* #endregion */ /* #region Type */ body { background-color: white; font-size: 16px; line-height: 1.7; font-weight: 500; color: #333; } html, button, input, select, textarea { font-family: 'Montserrat', sans-serif; } p { /*letter-spacing: -0.05px;*/ margin: 0px 0 10px; } b, strong { font-family: 'Montserrat', sans-serif; font-weight: 700; } h1,h2,h3,h4,h5,h6 { font-weight: 500; } h1 { font-size: 70px; line-height: 1.1; margin: 0 0 10px; font-family: 'Montserrat', sans-serif; /*font-weight: 500;*/ letter-spacing: -1.75px; color: #ed3123; /*color: green;*/ /*color: blue;*/ } h1.intro a { display: inline; } h2 { font-size: 36px; line-height: 1.65; font-family: 'Montserrat', sans-serif; letter-spacing: -0.75px; margin-top: 0; margin-bottom: 15px; color: #333; } h2:last-child { margin-bottom: 3px; } h2.intro { color: #333; font-size: 22px; font-family: 'Montserrat', sans-serif; letter-spacing: -0.15px; margin-top: 10px; margin-bottom: 0; } #share + h2.intro { margin-top: 30px; } h2.intro a { color: #ed3123; } h2.intro + p { margin-top: 12px; } h2:first-child { margin-top: 0; } h2.section_heading, h2.section_heading a { color: #333; font-size: 42px; line-height: 50px; /*font-weight: 200;*/ letter-spacing: -1px; margin-bottom: 25px; } h3 { font-family: 'Montserrat', sans-serif; font-weight: 600; letter-spacing: -0.25px; color: #ed3123; font-size: 24px; line-height: 30px; margin-top: 20px; margin-bottom: 0; } h3.subheading { color: #333; margin-bottom: 8px; } h3.subtitle { color: #333; font-size: 24px; line-height: 31px; font-family: 'Montserrat', sans-serif; font-weight: normal; letter-spacing: -0.25px; margin-top: 20px; margin-bottom: 7px !important; } h3.subtitle a:after { content: none; } h3.subtitle + p { margin-top: 5px; } h3 a { font-family: 'Montserrat', sans-serif; letter-spacing: -0.25px; color: #ed3123; text-decoration: none; display: inline; background: none; } h3 a:hover { color: #d52c1f; } h3:first-child { margin-top: 0; margin-bottom: 0; } h3 + p { margin-top: 0; } h3 + h4 { margin-top: 10px; } h4 { color: #ed3123; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0; margin-top: 20px; margin-bottom: 10px; } h4:first-child { margin-top: 0; } a { display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 600; text-decoration: underline; color: #ed3123; max-width: 100%; } a.light_link { font-family: 'Montserrat', sans-serif; /*font-weight: 300;*/ } a:hover { color: #bf281c; } p a, li a { display: inline; } ul.bold.purple li { font-weight: 600; color: #ed3123; } ul:last-child { margin-bottom: 0; } blockquote { font-size: 20px; line-height: 31px; font-style: italic; color: #ed3123; margin: 30px 0; padding-left: 15px; border-left: 3px solid #eee; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, a { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .light_links a { font-family: 'Montserrat', sans-serif; } p.subtitle { color: #aaa; margin-bottom: 0; } p.date { margin-top: 10px; margin-bottom: 8px; font-style: italic; color: #999; } h3.subtitle + p.date { margin-top: 0; } p.contact_detail { margin-top: 0; color: #666; } p.subtitle + p.contact_detail { margin-top: 2px; } h3 + p, a + p.small_quote, p.subtitle + p { margin-top: 10px; } h3 + p.price { margin-top: 4px; } .smallprint, .smallprint p { float: left; font-style: italic; color: #aaa; font-size: 13px; line-height: 23px; } .smallprint p { margin-top: 5px; } h2.section_title { display: inline-block; color: white; padding: 10px 24px 12px; font-size: 20px; line-height: 23px; margin: 0 auto; position: relative; top: -40px; } h2.section_title a { color: white; } h2.section_title a:hover { color: white; } h3 + ul { margin-top: 10px; } /* #endregion */ /* #region Elements */ /* #region HR */ hr { margin-top: 40px; } /*hr:last-child { margin-bottom: 0; }*/ /* #endregion */ /* #region Buttons */ input[type="button"], input[type="submit"] { display: inline-block; color: white; font-size: 16px; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; padding: 12px 25px; width: 100%; background: #ed3123; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; -moz-background-clip: padding; /* Firefox 3.6 */ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } input[type="button"]:hover, input[type="submit"]:hover { color: white; background: #d52c1f; -moz-background-clip: padding; /* Firefox 3.6 */ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } input[type="button"]:focus, input[type="button"]:active, input[type="submit"]:focus, input[type="submit"]:active { color: white; background: #bf281c; -moz-background-clip: padding; /* Firefox 3.6 */ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } a.button { display: inline-block; color: white; font-size: 16px; line-height: 23px; text-align: center; text-decoration: none; font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding: 12px 25px; min-width: 175px; margin-bottom: 20px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ed3123; border: 3px solid #ed3123; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a.button:after { content: none; } a.button:hover { background: #d52c1f; } a.button:focus, a.button:active { color: white; background: #bf281c; } a.button.white { color: #333; background: #ffffff; border: 3px solid #ed3123; } a.button.white:hover { background: #ed3123; color: white; } a.button.black { color: white; background: #000; } a.button.black:hover { background: #333; } a.button:last-child { margin-bottom: 5px; } a.button.full_width { width: 100%; padding-left: 10px; padding-right: 10px; margin-bottom: 0; } p + a.button { margin-top: 10px; } /*p + a.button:hover { margin-top: 11px !important; } p + a.button:focus { margin-top: 12px !important; }*/ /* #endregion */ /* #region Thumbnails */ .thumbnail { color: #ccc; /*background-color: #efefef;*/ text-align: center; margin: 15px 0 25px; } .image_outline img { outline: 3px solid #ddd; } p.date + .thumbnail { margin-bottom: 15px; } .thumbnail:first-child { margin-top: 0; } .thumbnail.min_height { min-height: 350px; line-height: 350px; } .image_thumbnail { color: #ddd; text-align: center; margin: 18px 0; /*-webkit-border-radius: 8px;*/ /*-moz-border-radius: 8px;*/ /*border-radius: 8px;*/ background-color: #efefef; min-height: 190px; line-height: 190px; } a.image_thumbnail { display: block; text-decoration: none; margin: 0; } a.image_thumbnail:hover { color: #ddd; } /* #endregion */ /* #region Breadcrumb */ .breadcrumb { font-size: 14px; /*font-weight: 400;*/ color: #777; margin-bottom: 15px; } .breadcrumb a { /*font-weight: 500;*/ text-decoration: none; } .inactive_link { color: #ed3123; } /* #endregion */ /* #region Links */ a { text-decoration: none; position: relative; /* CSS UNDERLINE */ text-decoration: none; background-image: linear-gradient(rgba(0,0,0,0.075), rgba(0,0,0,0.075)); background-position: 0% 100%; background-repeat: no-repeat; background-size: 100% 2px; transition: background-size .3s; } a:hover, a:focus, a:active { background-image: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15)); background-size: 100% 2px; } /*a:after { display: block; position: absolute; content: ""; width: 100%; height: 3px; left: 0; bottom: 0; background: rgba(0,0,0,0.075); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }*/ p a:after { bottom: -3px; } a:hover:after, a:active:after, a:focus:after { background: rgba(0,0,0,0.15); } *:focus { outline: none; } a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline : 0; } a.see_all_link { font-style: italic; color: #aaa; } a.see_all_link:hover { color: #999; } a:active, a:focus { outline: none; } /* #endregion */ /* #region Lists */ ul { padding: 0; padding-left: 18px; margin: 0 0 10px; list-style-position: inside; } ol { padding-left: 20px; } /*ol li { margin-bottom: 5px; }*/ li { list-style-position: outside; } li::marker { font-weight: bold; } li ul, li ol { margin: 0; } .privacy-and-cookie-policy li ul + p { display: none; } .privacy-and-cookie-policy h4 { /*font-weight: bold;*/ margin-bottom: 10px; } .privacy-and-cookie-policy .row li ul li { font-style: italic; } /* #endregion */ /* #region Tables */ table { width: 100%; margin-top: 35px; margin-bottom: 15px; font-size: 14px; line-height: 19px; } table tr th { background-color: #333; color: white; text-align: left; font-weight: 600; } table.dark_green_header tr th { background-color: #6f8a4f; } table tr td { background-color: #f8f8f8; } table tr:nth-child(odd) td { background-color: #e8e8e8; } table tr th, table tr td { padding: 9px 5px 9px 8px; } table tr th:nth-child(1), table tr td:nth-child(1) { width: 30%; } table.align_right_fourth_td tr th:nth-child(4), table.align_right_fourth_td tr td:nth-child(4) { text-align: right; } .responsive_label { font-weight: 700; margin-right: 4px; display: none; } .case_study_table th:first-child, .case_study_table td:first-child { width: 55%; } .case_study_table th:nth-child(2), .case_study_table td:nth-child(2) { width: 30%; } .case_study_table th:nth-child(3), .case_study_table td:nth-child(3) { width: 15%; } tr.table_title th { background-color: #333; } tr.highlight_row td { background-color: #ed3123 !important; color: white; } .contains_multiple_tables table:first-child { margin-top: 0; } .notes { color: #999; } td.right_aligned { padding-right: 10px; } td.no_link_styling a { color: #333; text-decoration: none; } /* #endregion */ /* #region Tabs */ ul#tab-menu { background: #f8f8f8; float: left; height: auto; min-height: 42px; list-style: none outside none; margin: 7px 0 0 0; padding: 0; white-space: nowrap; width: 100%; z-index: 200; } .reduced_height ul#tab-menu, .reduced_height ul#tab-menu li, .reduced_height ul#tab-menu li a, .reduced_height ul#tab-menu span.title { min-height: 36px; height: auto; line-height: 36px; } ul#tab-menu li { float: left; height: 42px; margin: 0 0 2px 0; padding: 0; text-indent: 0; width: auto; text-align: center; } ul#tab-menu span.title { float: left; background-color: #666; color: #fff; display: block; height: 42px; font-weight: 600; font-size: 13px; line-height: 42px; position: relative; text-align: center; text-decoration: none; padding: 0 22px; border-right: 2px solid white; } ul#tab-menu li a { color: #fff; display: block; height: 42px; line-height: 42px; font-weight: 400; position: relative; text-align: center; text-decoration: none; padding: 0 15px; border-right: 2px solid white; border-bottom: 2px solid white; } ul.tabs_above_table#tab-menu li a { border-bottom: none; } ul#tab-menu li:before { content: none; margin: 0; padding: 0; } ul#tab-menu li.active a, ul#tab-menu li.active a:hover { background-color: #ed3123; } ul#tab-menu li.active a{ font-weight: 600; } ul#tab-menu li a:hover { color: white; } .tabs ul#tab-menu li a { font-size: 13px; background-color: #ddd; color: #777; } .tabs ul#tab-menu li a:hover { background-color: #ccc; color: #555; } .tabs ul#tab-menu li.active a { background-color: #ed3123; color: white; } .tabs + .section_outer .col.border_top:nth-child(1), .tabs + .section_outer .col.border_top:nth-child(2), .tabs + .section_outer .col.border_top:nth-child(3) { border-top: none; margin-top: 0; } .green_highlight ul#tab-menu li.active a, .green_highlight ul#tab-menu li.active a:hover, .green_highlight ul#tab-menu li.active a { background-color: #ed3123; } /* #endregion */ /* #region Pop-up */ .popup { max-width: 550px; } .popup .form_area { padding: 35px; padding-top: 0; /*border-top: 44px solid #666;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup form { margin-bottom: 0; } .popup .form_title_area { padding: 0; } .popup h4 { font-size: 28px; line-height: 35px; color: #ed3123; margin-bottom: 2px; } .popup h4 + p { margin-top: 5px; } .popup p { margin-bottom: 20px; } .popup p.no_margin_bottom { margin-bottom: 0; } .popup input[type="submit"] { margin: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .popup input[type="submit"]:hover, .popup input[type="submit"]:focus { margin: 0 !important; border: none; } .popup label { display: none; } .form_title_area { padding-right: 30px; margin-bottom: 12px; } /* #endregion */ /* #region Leave Intent Plugin */ #bio_ep { height: auto !important; max-width: 90% !important; } #bio_ep_bg { opacity: 0.75 !important; } #bio_ep_close { left: auto !important; top: 0 !important; right: 0 !important; width: 44px !important; height: 44px !important; margin: 0 !important; border-radius: 0 !important; z-index: 2; text-indent: -9999px; } #bio_ep_close:before { content: "\f00d"; margin-right: -3px; margin-top: 2px; font-family: FontAwesome; font-size: 18px; padding-right: 0.5em; position: absolute; top: 7px; left: 15px; color: white; opacity: 0.6; text-indent: 0; } #bio_ep_close { background-color: #ed3123 !important; } #bio_ep_close:hover { background-color: #d52c1f !important; } /* #endregion */ /* #region Note */ .note { background-color: #fafafa; border: 1px solid #efefef; color: #999; margin-top: 7px; padding: 20px; font-style: italic; } /* #endregion */ /* #region Alerts */ .alert { color: black; padding: 15px 15px 18px; margin-bottom: 23px; border-radius: 0; border-style: solid; border-width: 0 0 0 4px; } .alert * { color: #333; } .alert-success { background-color: #dff0d8; border-color: #278400; } .alert-success * { color: #3c763d; } .alert-info { background-color: #d7faff; border-color: #269abc; } .alert-info * { color: #31708f; } .alert-warning { background-color: #f9f4d4; border-color: #f90; } .alert-warning * { color: #8a6d3b; } .alert-danger { background-color: #f3e9e8; border-color: #d3080c; } .alert-danger * { color: #a94442; } /* #endregion */ /* #region Code */ code { display: inline-block; background-color: #efefef; padding: 0 10px; margin-bottom: 10px; } p code { margin-bottom: 0; } /* #endregion */ /* #region Caption */ caption { color: #999; font-style: italic; margin-bottom: 15px; } /* #endregion */ /* #region Description List */ dt { font-weight: 700; margin-top: 10px; } dt:first-child { margin-top: 0; } /* #endregion */ /* #region Expandable Sections */ .expandable_section { margin-bottom: 20px; } .expandable_section h4:hover { cursor: pointer; } .expandable_section_header .hint { display: block; font-weight: 400; } .ui-state-active .hint { display: none; } /* #endregion */ /* #region Scroll Down Arrow */ .scroll_down_arrow { position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; background-color: rgba(102,45,145,0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; z-index: 1; } .scroll_down_arrow i { color: white; font-size: 40px; line-height: 38px; text-align: center; } /* #endregion */ /* #region PayPal Buttons */ input[type="image"] { width: auto; padding: 0; background: none; border: none; outline: none; float: right; } /* #endregion */ /* #region Button Animation */ .delay { -webkit-animation-delay: 1s; animation-delay: 1s; } .delayQuarter { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .delayHalf { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .delayThreeQuarters { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .delayOne { -webkit-animation-delay: 1s; animation-delay: 1s; } .delayOneHalf { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } /* #endregion */ /* #region Boxed Sections */ .service_content blockquote { font-style: normal; background: #fafafa; border: 1px solid #ddd; padding: 20px; } .service_content blockquote p { font-size: 16px; line-height: 24px; color: #333; } /* #endregion */ /* #region Images in content */ /*figure.rte-img-chosen { float: right; position: relative; top: 9px; margin-left: 35px; margin-bottom: 35px; max-width: 250px; height: auto; }*/ figure.rte-img-chosen { margin: 25px 0; } figcaption { display: none; } figure:first-child + h3 { margin-top: 0; } figure.full_width_image { max-width: 100%; width: 100%; height: auto; } /* #endregion */ /* #region Social Sharing Buttons */ p.share_title { color: #999; font-size: 13px; margin-bottom: 0; position: relative; top: 6px; /* ADDED 21/06/2019 */ float: left; clear: left; } #share { /* ADDED 21/06/2019 */ float: left; clear: left; } /* #endregion */ /* #endregion */ /* #region Forms */ form { width: 100%; display: block; margin-bottom: 25px; } form div { width: 100%; float: left; clear: both; } .row { float: left; width: 100%; } label { display: inline-block; font-size: 16px; font-weight: 500; padding-top: 15px; color: #ed3123; font-family: 'Montserrat', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select { font-size: 14px; max-width: 100%; } .radio_area_label { float: left; font-size: 18px; width: 100%; padding-top: 15px; color: #666; font-family: 'Montserrat', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; } label span.instruction, .instruction { font-style: italic; color: #999; } input, input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea { width: 100%; background-color: #fafafa; border: none; padding: 12px 12px 14px; color: #666; font-size: 15px; margin: 6px 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 1px solid #e0e0e0; } .pale_grey input[type="text"], .pale_grey input[type="email"], .pale_grey input[type="password"], .pale_grey textarea { background-color: #fff; } .centered input, .centered input[type="text"], .centered input[type="email"], .centered input[type="password"], .centered textarea { text-align: center; } .grey_background input, .grey_background input[type="text"], .grey_background textarea { background-color: white; } .white_background input, .white_background input[type="text"], .white_background textarea { } .white_background input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type="checkbox"] { width: auto; border: none; outline: none; margin: 0 0 0 7px; } input[type="submit"] { width: 100%; } input:focus { color: #666; background-color: #ededed; outline: 1px solid #ddd; } input[type="text"]:focus, input[type="email"]:focus { color: #666; background-color: #ededed; } .popup input[type="text"]:focus { background-color: #f1f1f1; } textarea:focus, textarea.error:focus { color: #666; background-color: #ededed; outline: 1px solid #ddd; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #999; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: #999; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #999; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #999; } input[type="radio"], .section_inner .form_area .form-row input[type="radio"] { width: auto; float: left; margin-top: 7px; margin-right: 7px; } .radio_label, .section_inner .form_area .form-row .radio_label { width: auto; float: left; font-size: 16px; color: #666; padding-top: 0; margin-right: 20px; } .radio_row { width: 100%; float: left; clear: left; } .radio_container { float: left; margin-bottom: 2px; } ::-webkit-input-placeholder, ::-webkit-input-placeholder { font-style: italic; color: #aaa; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-style: italic; color: #aaa; } input:-moz-placeholder, textarea:-moz-placeholder { font-style: italic; color: #aaa; } input::-moz-placeholder, textarea::-moz-placeholder { font-style: italic; color: #aaa; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-style: italic; color: #aaa; } input[type="text"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; } form input[type="text"], form input[type="email"], form input[type="password"], form input[type="search"], form input[type="url"], form textarea { margin-bottom: 0; } input[type="button"], input[type="submit"] { margin-top: 15px; margin-bottom: 4px; -webkit-appearance: none; /*-webkit-border-radius: 0;*/ outline: none; } form .span_1_of_6, form .span_5_of_6 { margin-top: 7px; margin-bottom: 7px; } .error { float: left; margin: 1px 0 0; background: #ffffbf; padding: 6px 8px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #666; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 21px; } .feature_box label.error { font-size: 14px; } textarea.error { font-size: 15px; padding: 16px; margin-top: 6px; background-color: #fafafa; } .grey_background textarea.error { background-color: white; } label.error { display: block; font-style: italic; border-top: 3px solid rgba(0,0,0,0.05); width: 98%; margin: 0 auto; padding-left: 10px; padding-right: 10px; float: none; overflow: hidden; } textarea { min-height: 200px; line-height: 25px; } form .col, .container_column form .col { border: none; margin-top: 1px; margin-bottom: 0; } input[type="radio"] { border: none; outline: none; margin: 6px 7px 0 0; padding: 0; width: auto; } input[type="radio"] + label { padding: 0; margin-bottom: 2px; } .checkboxes { float: left; clear: left; position: relative; } .checkboxes li { float: left; margin-right: 10px; } .checkboxes ul li:before { content: none; } .checkboxes label { font-family: 'Montserrat', sans-serif; font-weight: 700; padding-top: 18px; } .checkboxes .error { position: absolute; } input[type="checkbox"], .section_inner .form_area .form-row input[type="checkbox"] { width: auto; margin: 0 5px 0 0; } input[type="checkbox"].error { float: none; } .checkbox_container label.error { border: none; width: 100%; position: relative; top: -19px; left: 0; margin-bottom: -10px; padding-left: 0; text-indent: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .checkbox_container label { padding-left: 20px; text-indent: -20px; } .checkbox_container label { font-size: 15px; line-height: 21px; } .checkbox_container .instruction { font-size: 14px; line-height: 19px; } .popup .checkbox_container label { display: block; } .second_checkbox_container label { padding-top: 8px; } .checkbox_container input { position: relative; /*left: -5px;*/ } .checkbox_container .instruction { padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup textarea { min-height: 150px; } /*.fancybox-close { background: none; }*/ /*.white_background .form_area { border-top: 44px solid #333; }*/ .form_headline { padding: 35px; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form_headline h4 { width: 100%; font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 30px; letter-spacing: -0.25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form_headline p { width: 100%; margin-bottom: 0; } .privacy_link { margin-top: 7px; } form p { line-height: 24px; font-weight: 400; } .form_heading, h2.form_heading { margin-top: 15px; margin-bottom: 15px; } .form_section_heading { float: left; clear: both; width: 100%; padding-bottom: 18px; border-bottom: 6px solid #ececec; margin-bottom: 0px; } .grey_background .form_section_heading { border-color: #eaeaea; } .form_area + .form_section_heading { margin-top: 35px; } form h3 { margin-top: 35px; float: left; width: 100%; } form label span { font-size: 13px; font-style: italic; color: #999; } h3.border_top { border-top: 1px solid #ddd; padding-top: 35px; } /* #region Legend */ legend { color: #ed3123; padding-top: 15px; } fieldset label { color: #333; } /* #endregion */ /* #region Radio List */ .radio_list label { float: left; clear: left; padding-top: 2px; color: #333; } .radio_list label:first-child { padding-top: 15px; color: #ed3123; } .radio_list label:nth-of-type(2) input.error { background: red; } .radio_list label:nth-of-type(2) label.error { position: absolute; } .radio_list label.error { border: none; width: 100%; margin-top: 10px; color: #666; } /* #endregion */ /* #region Pop-up Contact Form */ .popup_form { overflow: hidden; background-color: white; } .popup_form form { width: 100%; margin-top: 0; } .popup_form label { padding-top: 0; } .popup_form h2 { margin-bottom: 0; } .popup_form p { margin-top: 2px; margin-bottom: 15px; } .popup_form input[type="text"], .popup_form textarea { margin-top: 5px; margin-bottom: 15px; } .popup_form input.error { margin-bottom: 0; } .popup_form label.error { padding-top: 16px; } .popup_form textarea { min-height: 125px; margin-bottom: 0; } .popup_form input[type="button"] { margin-bottom: 0; } .hint { font-style: italic; font-size: 13px; color: #aaa; } #get_in_touch_thanks_popup .fancybox-close { background: rgba(0,0,0,0.25); } /* #endregion */ /* #region File Upload Button */ .file_upload_button { display: inline-block; color: white !important; font-size: 17px; line-height: 23px; text-align: center; text-decoration: none; /*font-family: 'Fira Sans', sans-serif;*/ padding: 10px 25px; min-width: 175px; margin: 0 0 8px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ed3123; /*border-bottom: 3px solid rgba(0,0,0,0.1);*/ -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .file_upload_button:hover { background: #d52c1f; cursor: pointer; /*margin-top: 18px !important;*/ /*border-bottom: 2px solid rgba(0,0,0,0.1);*/ } .file_upload_button:focus { background: #bf281c; /*margin-top: 19px !important;*/ /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ } .file_upload_button + input { display: none; } .file_upload_button.file_selected { background: #2eb82e; color: rgba(255, 255, 255, .7) !important; } .file_upload_button.file_selected:before { background: #2eb82e; color: white !important; content: "\f00c"; font-family: FontAwesome; z-index: 1; position: absolute; margin-left: -2px; margin-top: 0; padding: 0 2px; } .plus_icon { background: #fafafa; color: #999; font-style: italic; font-weight: normal; font-size: 13px; text-decoration: none; border: 1px solid #ddd; display: inline-block; position: relative; margin-left: 5px; padding: 7px 14px 10px 12px; top: -3px; } .plus_icon i { margin-right: 5px; top: 1px; position: relative; } .plus_icon:hover { background: #efefef; color: #333; cursor: pointer; border: 1px solid #ddd; } .plus_icon:active { background: #eaeaea; cursor: pointer; border: 1px solid #ccc; } /* CSS FOR MICROSOFT IE10 & UP ONLY */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .file_upload_button.file_selected:before { content: ""; } } /* CSS FOR MICROSOFT EDGE ONLY (NOT BEING USED) */ @supports (-ms-ime-align:auto) { } /*.file_upload_button.file_selected:after { content: "File Selected Succesfully"; background: #ed3123; position: absolute; width: 100%; width: 275px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-indent: 20px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }*/ /*.file_upload_button.file_selected:hover:after { background: #d52c1f; }*/ .photo_upload_button { display: none; } /* #endregion */ /* #endregion */ /* #region Layout */ /* #region General Layout */ .section_outer { position: relative; float: left; width: 100%; } .section_outer.border_bottom { border-bottom: 1px solid #eee; } .col.span_1_of_3 { margin-top: 45px; /*border-top: 1px solid #e5e5e5;*/ /*padding-top: 40px;*/ } .col.span_1_of_1:nth-of-type(1), .col.span_3_of_4:nth-of-type(1), .col.span_3_of_4 + .col.span_1_of_4, .col.span_1_of_3:nth-of-type(1), .col.span_1_of_3:nth-of-type(2), .col.span_1_of_3:nth-of-type(3) { margin-top: 0%; border-top: none; padding-top: 0; } .section_background { width: 100%; float: left; margin: 0; padding: 100px 0; } /*.home .section_background { margin: 55px 0 65px; }*/ .home .homepage_intro .section_background { margin: 40px 0 45px; } .section_outer.inc_page_title { padding-top: 40px; padding-bottom: 40px; } .section_outer.inc_page_title.last_section { padding-bottom: 50px; } .section_inner { position: relative; max-width: 1200px; padding: 0 50px; margin: 0 auto; } .border_top .col { padding: 35px 0 5px; border-top: 1px solid #ddd; } .border_top .form-row.col { padding-top: 0; border-top: none; } .border_top .col:nth-of-type(1), .border_top .col:nth-of-type(2), .border_top .col:nth-of-type(3) { border-top: none; margin-top: 0; margin-bottom: 0; padding-top: 0; } .last_section .col.span_1_of_3:last-child { margin-bottom: 0; } .padding { padding: 25px 30px 30px; } .padding.less_margin_top { padding-top: 25px; } .span_1_of_3.extra_side_item { float: right; } .no_background { background: none; } .no_outline { outline: none; border: none; } .no_margin { margin: 0; } .container_column .col { margin-top: 0; margin-bottom: 3.75%; } .container_column .col.span_3_of_4, .container_column .col.span_1_of_4 { margin-bottom: 0; } .container_column .col:last-child { margin-bottom: 0; } .col.image_container { min-height: 165px; line-height: 165px; padding: 3.5%; margin: 15px 0; background-color: #fafafa; color: #ddd; text-align: center; font-size: 17px; float: none; } .col.image_container:last-child { margin-bottom: 0; } .col.span_1_of_2.image_container { float: left; line-height: 365px; } .col.span_1_of_1.image_container { margin: 35px 0; } .col.span_1_of_2.image_container:first-child { margin-top: 1.25%; } .col.span_1_of_4.image_container { width: 93%; } .image_container img { width: 100%; } .col.image_container { outline: none; border: none; } .spacer { width: 100%; height: 250px; line-height: 250px; float: left; background-color: #fafafa; text-align: center; text-transform: uppercase; color: #ddd; } .flexslider_narrow.page_image { float: none; clear: none; } .section_outer { transition: ease-in-out; transition-property: top; -webkit-transition: ease-in-out; -moz-transition: ease-in-out; -o-transition: ease-in-out; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; } .col.span_1_of_1:nth-of-type(3n+1) { margin-left: 0; } .col.span_1_of_4.image_container.min_width { min-width: 250px; } .col.span_1_of_4.image_container, .col.span_1_of_4.image_container:nth-of-type(2n) { margin-left: 0; margin-bottom: 6%; } .page_container { float: left; margin-top: 40px; margin-bottom: 30px; } .col.page_intro { margin-top: 10px; margin-bottom: 40px; } .col.five_margin_bottom { margin-bottom: 5px; } .call-to-action + .section_outer.grey_background { border-top: none !important; } /* #endregion */ /* #region Introduction */ .introduction_strip { background: #f3f3f3; } .introduction_strip .col { margin-bottom: 0; } /* #endregion */ /* #region Page Title */ .page_title_area { width: 100%; float: left; position: relative; } .page_title { color: white; float: left; clear: left; width: auto; margin: 30px 0 40px; } .page_intro { float: left; clear: left; width: auto; padding-top: 35px; } .page_intro_container { float: left; clear: left; width: 70%; position: relative; } .no_feature_box .page_intro_container { width: 100%; } .full_width_row { width: 100%; float: left; } .page_intro_background { width: 100%; height: auto; position: absolute; } .page_intro_container .button { position: absolute; display: block; width: 270px; max-width: 100%; padding-left: 5px; padding-right: 5px; margin-left: auto; margin-right: auto; bottom: 30px; left: 0; right: 0; } .popup.feature_box { margin-top: 0; width: 525px; max-width: 100%; } .popup.feature_box p { margin-bottom: 0; font-weight: 400; } #referral_thanks_popup p { margin-bottom: 10px; } .popup.feature_box.no_close h4 { padding-right: 0; } #borrow_form .feature_box a.fancybox-close { display: none; } .no_page_intro .section_background { margin-bottom: 0; } .no_page_intro { background: #555; /* Old browsers */ background: -moz-linear-gradient(top, #555 0%, #666 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#666)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #555 0%,#666 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #555 0%,#666 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #555 0%,#666 100%); /* IE10+ */ background: linear-gradient(to bottom, #555 0%,#666 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#666',GradientType=0 ); /* IE6-9 */ } .no_feature_box .page_title_area .button { display: none !important; } .no_page_intro .page_intro_background { display: none; } h1 + h2 { margin-top: 5px; } .page_button { margin-top: 9px; float: right; } .intro_area { position: relative; background: #fafafa; } /*.intro_area.no_image { padding: 37px 0 35px; }*/ .intro_area.no_image .section_background { padding: 70px 0 100px; } .intro_area .thumbnail { position: relative; top: 22px; } /*.intro_area + .section_outer { position: relative; top: 5px; }*/ /* #endregion */ /* #region Page Image */ .page_image img { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /*.intro_area.no_image + .section_outer .section_background { margin-top: 35px; }*/ /* #endregion */ /* #region Page Image */ .page_image { height: auto; max-height: 600px; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*.page_image_container, .intro_area.no_image { margin-top: 108px; }*/ .page_image_container, .intro_area_without_image, .map_area { margin-top: 108px; } .page_image_container .section_background { padding: 0; } .page_image_container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page_image_container .page_image img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page_image img { width: 100% !important; } .page_image .title_container { position: absolute; width: 100%; text-align: center; z-index: 1; } .page_image .title_container .button { margin-top: 15px; } .page_image .title_container .button:after { content: ""; background: url('../svg/play.svg') no-repeat; width: 14px; height: 16px; display: inline-block; position: relative; top: 2px; color: white; opacity: 0.75; margin-left: 10px; } @media only screen and (max-width: 475px) { .page_image .title_container .button { display: none; } } .page_image .title_container h1 { position: relative; } .page_image h1 { position: absolute; width: 100%; padding: 0 100px; font-size: 70px; line-height: 1.05; text-align: center; color: white; opacity: 1; z-index: 1; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); } .page_image h1 .subtitle { display: block; font-size: 50%; line-height: 1.25; letter-spacing: -0.5px; margin-top: 5px; } .title_area { position: absolute; width: 100%; text-align: center; top: 30px; } .title_area h1 { position: relative; margin: 0 0 10px; } .darken_image { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); } /* #endregion */ /* #region Image Effects */ .image_rounded_corners { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .image_border img { border: 12px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image_shadow img { -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25); } .image_rotate img { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); max-width: 85%; margin-bottom: 25px; } /* #endregion */ /* #region Testimonial Strip */ .testimonial_strip { background-color: #FAFAFA; } .testimonial_strip .section_background { margin: 18px 0 20px; } .testimonial_strip .testimonial-quote { font-size: 24px; line-height: 32px; } /* #endregion */ /* #region Benefits Strip */ .benefits .col { max-width: 935px; float: none; margin-left: auto; margin-right: auto; } .benefits .col.span_1_of_1:nth-of-type(3n+1) { margin-left: auto; } /* #endregion */ /* #endregion */ /* #region Logo Strip */ .logo_strip .section_inner { max-width: 850px; } .logo_strip p { margin-left: 15px; } .logo_strip .table_cell img { width: auto; max-width: 100%; } .logo_strip img { float: left; margin: 0 15px 0 0; } /* #endregion */ /* #region Header */ .header_container { position: fixed; width: 100%; height: 120px; z-index: 2; /*padding-top: 44px;*/ } .header_container.excluding_navigation { padding-bottom: 0; } .section_outer.header { padding: 0; z-index: 2; } .section_outer.header.excluding_navigation { margin-bottom: 0; } .section_outer.header .section_inner { height: 127px; } .section_outer.header.inc_secondary_navigation, .section_outer.header.inc_secondary_navigation .section_inner { height: 184px; } .header { background-color: #000; width: 100%; height: 132px; position: relative; } .header .section_inner { text-align: center; } .logo h1 { text-indent: -9999px; } .logo { position: relative; top: 21px; left: auto; width: 170px; height: 57px; margin-left: auto; margin-right: auto; /*background: url(../images/bprolls-group-190x64.jpg) no-repeat;*/ background-image: url(../svg/bprolls-group.svg), none; background-repeat: no-repeat; z-index: 1; } .centered .logo { position: relative; margin: 0 auto; left: auto; right: auto; } .header .buttons { float: right; right: 50px; margin-top: 24px; } .button + .button { margin-left: 10px; } .phone_number { color: white; font-size: 25px; font-weight: 500; letter-spacing: 0.25px; text-decoration: none; width: auto; float: left; margin-top: 12px; right: 182px; margin-right: 5px; } .phone_number:hover { color: white; } .phone_number i { position: relative; top: -2px; color: #000; background: #555; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; display: inline-block; font-size: 23px; min-width: 24px; padding: 5px; margin-right: 10px; text-align: center; } .strapline { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-style: italic; color: #333; font-size: 20px; line-height: 89px; font-weight: 500; text-align: center; position: relative; padding-left: 355px; padding-right: 405px; top: 0; margin: 0; z-index: 0; } .home .strapline { padding-right: 230px; } .section_outer.header.new_header { border-bottom: 8px solid #ed3123; height: 112px; } .section_outer.header.new_header, .section_outer.new_header > .section_inner { height: 100px; } .header_container { height: 108px; /* header height + 8px border */ } .header .button { min-width: 150px; } /* #region header_contact_strip */ .header_contact_strip { display: none; width: 100%; background: rgba(255, 255, 255, .05); } .header .header_contact_strip a.button { float: none; width: 50%; font-size: 15px; margin: 0; padding: 10px; min-width: 0; border: none; color: white; background: #ed3123; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .header .header_contact_strip a.button:nth-child(2) { background: #d52c1f; } .header .header_contact_strip a.button:hover, .header .header_contact_strip a.button:focus, .header .header_contact_strip a.button:active { border: none; color: #ed3123; background: white; } /* #endregion */ /* #region Social Icons */ .social_icons { position: absolute; top: 0; right: 435px; } .student-area .social_icons { right: 240px; } .centered .social_icons { display: none; } .social_icons i { width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #555; color: white; text-align: center; font-size: 22px; line-height: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; float: right; margin-top: 46px; margin-left: 3px; } .social_icons a:hover i { background-color: #666; } h3 i { color: #999; margin-right: 7px; } /* #endregion */ /* #endregion */ /* #region Navigation */ /* #region Dropdown Menu */ .navigation_background { position: absolute; top: 110px; height: 44px; z-index: 3; /*position: relative;*/ /*top: -22px;*/ /*background: #ed3123;*/ } ul.navigation { float: left; clear: left; position: relative; width: 100%; max-width: 1250px; background: #ed3123; margin: 0; padding: 0; margin-top: 0; top: 0; z-index: 102; } ul.navigation li { list-style: none; float: left; height: 44px; text-align: left; padding: 0; position: relative; width: 17%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } ul.navigation li a.red { color: #ed3123; } ul.navigation li:nth-child(5), ul.navigation li:nth-child(6) { width: 16%; } ul.navigation.inc_home_button li { width: 19%; } ul.navigation li.what-we-offer { width: 19%; } ul.navigation.inc_home_button li.what-we-offer { width: 18%; } ul.navigation li.booking { width: 21%; } ul.navigation.inc_home_button li.booking { width: 20%; } ul.navigation li.home_button { width: 5%; } ul.navigation li.home_button a { font-size: 18px; } ul.navigation li.quote_button { float: right; } ul.navigation li a, ul.navigation li span { display: block; float: left; width: 100%; font-size: 18px; line-height: 30px; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 500; text-decoration: none; color: white; padding: 6px 0 8px; position: relative; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.navigation li a.current, ul.navigation li span.current { color: white; background: rgba(0, 0, 0, .2); } ul.navigation li:hover, ul.navigation li.hover { color: white; background: rgba(0, 0, 0, .1); } #menu li:before { content: none; } #menu li, .flexslider li { text-indent: 0; } #mobile_navigation li { text-indent: 0; padding-left: 0; } .flexslider li { padding-left: 0; } form li { text-indent: 0; padding-left: 0; } #menu ul.sub_menu { visibility: hidden; z-index: 2; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; min-width: 100%; width: auto; } #menu ul li ul.sub_menu { display: none; } #menu ul li:hover ul.sub_menu { display: inline; } #menu ul.sub_menu li, #menu ul.sub_menu li a { text-align: left; text-transform: none; line-height: 21px; margin: 0; list-style: none; display: block; height: auto; width: 100%; border-right: none; border-left: none; } #menu ul.sub_menu li { float: left; position: relative; padding: 0; } #menu ul.sub_menu li a { padding: 9px 20px 11px; font-size: 15px; line-height: 24px; font-weight: 400; text-align: center; text-shadow: none; background-color: #eee; color: #333; border-bottom: 1px solid #d9ded4; border-right: none; white-space: nowrap; } #menu ul.sub_menu li:last-child a { border-bottom: none; } #menu ul.sub_menu li:first-child a { border-top: none; } #menu li ul.sub_menu li a:hover, #menu li.hover ul.sub_menu li a:hover { background-image: none; background-color: #ddd; color: #333; border-bottom: 1px solid #d9ded4; } #menu li ul.sub_menu li:first-child a:hover, #menu li.hover ul.sub_menu li:first-child a:hover { border-top: none; } #menu li ul.sub_menu li.current a { color: #ed3123; /*background-color: #ddd;*/ } #menu li.hover ul.sub_menu li.current a:hover { color: #333; background-color: #ccc; } #menu li.hover ul.sub_menu li.current:last-child a:hover { border-bottom: none; } #menu ul.sub_menu.full_width_sub_menu { width: 400%; height: auto; background-color: #ddd; text-align: left; padding: 5px 0 15px; } #menu ul.sub_menu.full_width_sub_menu li, #menu ul.sub_menu.full_width_sub_menu li a { text-align: left; padding-top: 1px; padding-bottom: 1px; background: none; color: #aaa; } #menu ul.sub_menu.full_width_sub_menu h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 22px; color: #666; padding-top: 7px; height: 26px; } #menu ul.sub_menu.full_width_sub_menu h4, #menu ul.sub_menu.full_width_sub_menu li a { padding-left: 30px; } #menu ul.sub_menu.full_width_sub_menu li.hover ul, #menu ul.sub_menu.full_width_sub_menu li:hover ul { visibility: visible !important; } #menu ul.sub_menu.full_width_sub_menu li { float: left; } #menu li ul.sub_menu.full_width_sub_menu li a.hover, #menu li ul.sub_menu.full_width_sub_menu li a:hover { background: none; } /* #region Sub, Sub Menu */ #menu ul.sub_menu li a.has_sub_menu:after { content: '>'; font-size: 14px; padding-right: 12px; color: #999; position: absolute; right: 0; } #menu ul.sub_sub_menu { display: none; padding-left: 0; } #menu ul.sub_sub_menu li a { padding: 10px 20px 10px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #menu li:hover ul.sub_sub_menu { display: none; } #menu li ul li:hover ul.sub_sub_menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: 100%; top: 0; } #menu li ul li:hover ul.sub_sub_menu li { display: block; } #menu li ul li:hover ul.sub_sub_menu li a { border-left: 3px solid #ccc; } #menu li.hover ul.sub_menu li.hover ul.sub_sub_menu li a { background-color: #ddd; border-bottom: 1px solid #ccc; } #menu li.hover ul.sub_menu li.hover ul.sub_sub_menu li a:hover { background-color: #ccc; color: #333; border-bottom: 1px solid #ccc; } #menu ul.sub_menu li a.has_sub_menu:after { content: '>'; font-size: 14px; padding-right: 12px; color: #999; position: absolute; right: 0; } #menu li.hover ul.sub_menu li.hover ul.sub_sub_menu li.current a { color: #333; background-color: #ccc; border-bottom: 1px solid #ccc; } /* #endregion */ /* #endregion */ /* #region Mobile Navigation */ .overlay { background-color: rgba(0,0,0,0.6); backdrop-filter: blur(6px); position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 1000; } .mobile_navigation { height: 100%; width: 450px; background-color: white; border-left: 8px solid #ed3123; position: fixed; top: 0; left: -455px; overflow: auto; padding-bottom: 50px; text-align: left; z-index: 1001; /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mobile_navigation a:after { content: none; } a.mobile_menu_button { /*display: none;*/ position: absolute; padding: 32px 45px 50px; width: 22px; height: 18px; top: 0; left: 0; cursor: pointer; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /*background: rgba(255,255,255,0.15);*/ } a.mobile_menu_button i { font-size: 25px; color: white; } /*a.mobile_menu_button:hover i { color: #ed3123; }*/ a.mobile_menu_button:hover { opacity: 1; background: rgba(255,255,255,0.2); } .mobile_menu_label { position: relative; top: -11px; left: -7px; color: #ed3123; font-size: 11px; line-height: 20px; font-weight: 400; font-family: 'Montserrat', sans-serif; text-decoration: none; } a .mobile_menu_label { text-decoration: none; } /* #region Menu Styling */ /*ul#mobile_navigation li.menu_title { color: white; padding: 10px 10px 10px 15px; font-size: 15px; line-height: 24px; text-transform: uppercase; position: relative; background: #ed3123; }*/ .menu_title span.menu_close { float: right; position: absolute; top: 0; right: 0; color: #999; text-align: center; font-weight: 300; width: 46px; height: 44px; line-height: 40px; cursor: pointer; /*background-color: rgba(0,0,0,0.075);*/ } .menu_title span.menu_close i { opacity: 0.75; } .menu_title span.menu_close:hover i { opacity: 1; } .menu_title span.menu_close:hover { color: #666; /*background-color: rgba(0,0,0,0.15);*/ } ul#mobile_navigation { margin: 0; padding: 0; } .mobile_navigation_content { padding: 45px; padding-bottom: 125px; } ul#mobile_navigation li a { background: none; } ul#mobile_navigation ul, ul#mobile_navigation ul li, ul#mobile_navigation ul li a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } ul#mobile_navigation li { padding-right: 0; margin: 0; text-align: left; list-style: none; } ul#mobile_navigation li:before { content: none; margin: 0; } ul#mobile_navigation li a, ul#mobile_navigation li span.navigation_heading { background-color: white; color: #333; display: block; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 20px; font-weight: 600; margin: 0; overflow: hidden; padding: 8px; text-align: left; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; /*border-bottom: 1px solid rgba(0,0,0,0.2);*/ width: auto; cursor: pointer; } ul#mobile_navigation li ul li a { /*background-color: #2a2a2a;*/ /*color: rgba(255,255,255,0.6);*/ font-family: 'Montserrat', sans-serif; font-weight: 400; /*border-bottom: 1px solid rgba(0,0,0,0.2);*/ } ul#mobile_navigation li.current a { color: #ed3123; } ul#mobile_navigation li ul li.current a { color: #ed3123; font-weight: 600; } ul#mobile_navigation li ul li a:before { content: '-'; margin-right: 5px; } /*ul#mobile_navigation li a.current, ul#mobile_navigation li a.current:hover { color: #fff; background-color: #333; }*/ ul#mobile_navigation li a:hover { color: #ed3123; /*background-color: #3f3f3f;*/ } ul#mobile_navigation li:before { content: ''; } ul#mobile_navigation li.menu_subsection a { background-color: #f7f6fa; } ul#mobile_navigation li ul { overflow: hidden; padding: 0; } ul#mobile_navigation li a.current, ul#mobile_navigation li a.ui-state-active { /*color: white;*/ /*background-color: #3f3f3f;*/ } ul#mobile_navigation li ul li { overflow: hidden; } /*ul#mobile_navigation li ul li.current a, ul#mobile_navigation li ul li.current a:hover { color: #fff; /*background-color: #222;*!/ }*/ ul#mobile_navigation li ul li a:hover { /*color: white;*/ /*background-color: #2f2f2f;*/ } /*ul#mobile_navigation li.submenu_header { margin-top: 5px; }*/ ul#mobile_navigation li.submenu_header ul li a:after { content: none; } ul#mobile_navigation li.submenu_header a i { position: relative; top: 2px; left: 10px; font-size: 23px; line-height: 0.5; color: #ccc; -webkit-transition: -webkit-transform 0.25s linear; -moz-transition: -moz-transform 0.25s linear; -o-transition: -o-transform 0.25s linear; transition: transform 0.25s linear; } ul#mobile_navigation li.submenu_header ul li a:after { content: none; } ul#mobile_navigation li.submenu_header a.ui-accordion-header-active i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* #endregion */ /* #region Mobile Menu Footer */ .navigation_footer { background: white; border-left: 8px solid #ed3123; position: fixed; bottom: 0; left: -455px; width: 450px; padding: 40px; /*padding-top: 0;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navigation_footer a.button { background: white; color: #333; border: 3px solid #ed3123; min-width: 0; margin-bottom: 0; } /* #endregion */ /* #endregion */ /* #endregion */ /* #region Home */ /*.home .flexslider { top: 22px; }*/ .flexslider { top: 22px; } .homepage_intro { padding-top: 10px; } h2.intro.homepage_introduction { font-style: italic; margin-bottom: 5px; } .homepage_intro_section .image { position: absolute; left: 0; display: inline-block; width: 405px; } .homepage_intro_section .text_area { display: inline-block; padding-left: 370px; } .homepage_intro_section .col.span_1_of_1 { width: 100%; position: relative; margin-top: 0; margin-bottom: 45px; } h1.homepage_intro { font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: -0.25px; color: #333; margin-bottom: 0; } h1.homepage_intro b { color: #333; } .section_title { padding: 10px 0 25px; } .section_title h2 { font-size: 42px; line-height: 42px; letter-spacing: -0.75px; margin-bottom: 10px; } .section_title h2, .section_title h2 a { font-weight: normal; color: #ccc; } .section_title h2 a { text-decoration: none; } .intro_section .row { text-align: center; } .intro_section .button { margin-top: 20px; display: none; } .section_title h2.two_margin_bottom { margin-bottom: 2px; } .section_logo { width: 200px; height: 50px; margin-left: auto; margin-right: auto; background-color: #ddd; } .section_logo.car_servicing { background-color: red; } .section_logo.accident_repairs { background-color: blue; } .section_logo.commercial_vehicles { background-color: green; } .section_logo.signs_and_graphics { background-color: yellow; } /* #endregion */ /* #region Image Slider */ /* #region Main Image Slider */ .image_slider { position: relative; margin-top: -44px; width: 100%; padding: 0; /*overflow: hidden;*/ overflow: visible; background: white; z-index: 1; float: none; background: #fafafa; border-bottom: 1px solid #eee; } .image_slider .section_background { background: #fafafa; } .image_slider .feature_box { position: absolute; right: 40px; top: 50%; margin-top: -165px; } .image_slider .feature_box input.error { background: #ffffbf; } .image_slider .feature_box .form_area { float: left; } .image_slider .feature_box .form-row { position: relative; float: left; } .form_area { position: relative; float: left; width: 100%; } .section_inner .form_area { margin-bottom: 0; } .section_inner .form_area .form_row { width: 100%; } .section_inner .form_area .form-row input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .include_labels label { width: 110px; display: block; } .include_labels label.error { width: 100%; } .include_labels .input_area { padding-left: 110px; } .form-row { position: relative; float: left; } .image_slider .feature_box label.error { position: absolute; visibility: hidden; } .intro_area .feature_box input.error { background: #ffffbf; } .intro_area .feature_box .form_area { float: left; } .intro_area .feature_box .form-row { position: relative; float: left; } .intro_area .feature_box label.error { position: absolute; visibility: hidden; display: none !important; } .image_slider .section_inner, .image_slider .section_background { margin: 0; padding: 0; } .image_slider .section_inner { width: 100%; max-width: 1200px; margin: 0 auto; } .flexslider { position: relative; border: none; padding: 0; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .flexslider.wide { width: 1920px; position: absolute; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .page_image_wide { width: 1920px; position: absolute; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .flexslider_narrow { display: none; float: left; clear: left; max-width: 1200px; } .page_image_narrow { display: none; clear: left; max-width: 1200px; } .flexslider.flexslider_narrow { height: auto; } .flexslider ul li:before { content: none; } .flexslider ul.slides li { position: relative; } /*.product_detail .flexslider { background: url(../images/image-slider/control-images/loading-light-grey.gif) no-repeat center center; }*/ .flex-control-nav { bottom: 0; overflow: hidden; z-index: 1000; } .flex-control-paging li a { border: none; box-shadow: none; cursor: pointer; display: block; height: 10px; width: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-indent: -9999px; transition: none; background-color: white; } .flex-control-paging li a:hover { background-color: #d52c1f; } .flex-control-paging li a.flex-active { background-color: #ed3123; } .flex-control-nav li { bottom: 0; margin: 0 3px; } .flex-direction-nav a { width: 46px; height: 46px; opacity: 1; /*background: #ed3123 url(../images/transparent-arrows_x2.png);*/ } .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { top: 50%; margin-top: -23px; text-decoration: none; background: #ed3123; } .flex-direction-nav .flex-prev { left: -23px; color: white; /*background: #ed3123 url(../images/transparent-arrows_x2.png);*/ } .flex-direction-nav .flex-prev:before { font-family: 'FontAwesome'; content: '\f104'; position: relative; color: rgba(255, 255, 255, .75); text-indent: 0; padding: 17px; font-size: 26px; line-height: 44px; } .flex-direction-nav .flex-next:before { font-family: 'FontAwesome'; content: '\f105'; position: relative; color: rgba(255, 255, 255, .75); padding: 19px; font-size: 26px; line-height: 44px; } .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover { background: #d52c1f; } .flex-direction-nav .flex-prev:hover:before, .flex-direction-nav .flex-next:hover:before { color: white; } .flex-direction-nav .flex-next { right: -23px; } .flex-direction-nav a { margin: -25px 0 0; transition: none; } .flex-caption { zoom: 1; margin: 0; position: absolute; float: none; bottom: 15px; left: 25px; text-align: left; width: auto; z-index: 100; } .flex-caption { display: inline-block; position: absolute; left: 34px; bottom: 34px; font-family: 'Montserrat', sans-serif; font-size: 35px; line-height: 35px; letter-spacing: -0.75px; padding: 8px 12px 6px; color: white; background-color: #ed3123; } .flex-caption h2 { font-family: 'Montserrat', sans-serif; font-size: 35px; line-height: 35px; font-weight: 600; letter-spacing: -0.75px; color: white; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.25); } .flex-caption a, .flex-caption a h2 { text-decoration: none; } a.fancybox-close { transition: none; background: none; } a.fancybox-close:after { content: none; } /* #endregion */ /* #region Animation */ /*.flexslider li .flex-caption { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }*/ .flexslider li.flex-active-slide .flex-caption, .swiper-slide-active .caption { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceIn; animation-name: bounceIn; } .flexslider li.clone .flex-caption { display: none; } /* #endregion */ /* #region Swiper */ /* INITIAL SLIDER STYLES */ /* ===================== */ .swiper-container { width: 100%; height: auto; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; } /* SET SLIDER HEIGHT */ /* ================= */ .swiper-container .swiper-slide { height: 550px; line-height: 550px; } /* CUSTOM STYLES */ /* ============= */ .swiper-container .swiper-slide { background: none; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .swiper-container .swiper-slide a { width: 100%; } .swiper-container .swiper-slide img { max-width: 100%; width: 100%; } .swiper-container .caption { position: absolute; bottom: 30px; /*right: 30px;*/ line-height: 1.25; padding: 5px 10px; background: rgba(255,255,255,0.5); } .swiper-container .caption h4 { font-size: 24px; margin: 0; } .swiper-button-next:after, .swiper-button-prev:after { font-family: FontAwesome; font-size: 25px; opacity: 0.75; color: white; } .swiper-button-next:hover:after, .swiper-button-prev:hover:after { opacity: 1; } .swiper-button-prev:after { content: "\f053"; } .swiper-button-next:after { content: "\f054"; } /* SITE SPECIFIC STYLES */ /* ==================== */ .swiper-container .caption { zoom: 1; margin: 0; position: absolute; float: none; bottom: 15px; text-align: left; width: auto; z-index: 100; display: inline-block; right: 34px; bottom: 34px; letter-spacing: -0.75px; padding: 8px 12px 6px; color: white; background-color: #ed3123; } .swiper-container .caption h2 { font-family: 'Montserrat', sans-serif; font-size: 35px; line-height: 35px; font-weight: 600; letter-spacing: -0.75px; color: white; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.25); } .swiper-container .caption a, .swiper-container .caption a h2 { text-decoration: none; } .swiper-container { overflow: visible; } .swiper-wrapper { overflow: hidden; } .swiper-button-next { right: 0; } .swiper-button-prev { left: 0; } .swiper-button-next, .swiper-button-prev { top: 50%; margin: -23px 0 0; transition: none; width: 46px; height: 46px; opacity: 1; background-color: #ed3123; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: #d52c1f; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 18px; } .swiper-button-prev:after { margin-right: 2px; } .swiper-button-next:after { margin-left: 2px; } @media only screen and (max-width: 1250px) { .swiper-button-next { right: 0; } .swiper-button-prev { left: 0; } } /* HIDE NAVIGATION */ /* =============== */ /*.swiper-button-next:after, .swiper-button-prev:after { display: none; }*/ /* HIDE PAGINATION */ /* =============== */ .swiper-pagination { display: none; } /* SET SLIDER HEIGHT */ /* ================= */ @media only screen and (max-width: 1800px) { .swiper-container .swiper-slide { height: 500px; line-height: 500px; } } @media only screen and (max-width: 1650px) { .swiper-container .swiper-slide { height: 450px; line-height: 450px; } } @media only screen and (max-width: 1475px) { .swiper-container .swiper-slide { height: 400px; line-height: 400px; } } @media only screen and (max-width: 1325px) { .swiper-container .swiper-slide { height: 350px; line-height: 350px; } } @media only screen and (max-width: 1150px) { .swiper-container .swiper-slide { height: 300px; line-height: 300px; } } @media only screen and (max-width: 975px) { .swiper-container .swiper-slide { height: 250px; line-height: 250px; } .swiper-container .caption, .swiper-container .caption h2 { font-size: 28px; line-height: 1; } } @media only screen and (max-width: 825px) { .swiper-container .caption { position: absolute; bottom: 0; left: 0; display: block; padding-left: 0; padding-right: 0; padding-bottom: 10px; width: 100%; text-align: center; } .swiper-slide-active .caption { animation-name: none; } .swiper-container .caption h2 { width: 100%; text-align: center; margin: 0; top: 0; left: 0; padding-left: 0; padding-right: 0; display: inline; color: white; padding-left: 4px; font-size: 32px; line-height: 32px; } .swiper-container .swiper-slide img { padding-bottom: 50px; } } @media only screen and (max-width: 675px) { .swiper-container .swiper-slide { height: 225px; line-height: 225px; } } @media only screen and (max-width: 580px) { .swiper-container .swiper-slide { height: 200px; line-height: 200px; } } @media only screen and (max-width: 490px) { .swiper-container .swiper-slide { height: 175px; line-height: 175px; } .swiper-container .caption, .swiper-container .caption h2 { font-size: 24px; padding: 5px; } .swiper-button-next, .swiper-button-prev { display: none; } } @media only screen and (max-width: 475px) { .swiper-container .swiper-slide { height: 150px; line-height: 150px; } } @media only screen and (max-width: 390px) { .swiper-container .swiper-slide { height: 125px; line-height: 125px; } .swiper-container .caption, .swiper-container .caption h2 { font-size: 20px; letter-spacing: -0.25px; } } /* #endregion */ /* #endregion */ /* #region Get in touch Strip */ .get_in_touch_strip { background: #f3f3f3; } .get_in_touch_strip .subheading { margin-bottom: 30px; } /* #endregion */ /* #region Call to action */ .section_outer.call_to_action_container { padding-top: 0; background: black; background-image: url('../images/bp-rolls-call-to-action-image.jpg'); background-size: contain; background-repeat: no-repeat; background-position: right center; } .call_to_action_container .section_background { margin: 0; background: rgb(0,0,0); background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } .col.call-to-action { float: left; clear: left; text-align: left; padding: 0; margin-top: 0; margin-bottom: 0; outline: none; } .page_container .col.call-to-action { margin-top: 2.5%; } .page_container .call-to-action.internal { margin-bottom: 0; } .call-to-action.internal { padding: 0; margin: 25px 0 30px; } .call-to-action h4 { font-size: 32px; line-height: 1.35; font-family: 'Montserrat', sans-serif; color: #ed3123; margin-bottom: 6px; } .call-to-action p { margin: 0; color: white; } .call-to-action .table_layout, .call-to-action .col.table_layout { margin-top: 0; } .button_area { float: right; width: 37.5%; margin-left: 35px; } .call-to-action a.button, .header a.button { float: right; width: auto; padding-left: 20px; padding-right: 20px; margin: 0 0 0 20px; line-height: 22px; background: none; border: 3px solid #ed3123; } .call-to-action a.button:hover, .header a.button:hover { background: #ed3123; border: 3px solid #ed3123; } .call-to-action a.button:focus, .header a.button:focus { background: #d52c1f; border: 3px solid #d52c1f; } .call-to-action a.button { float: none; margin: 20px 0 0 0; } .two_buttons .button:first-child { margin-right: 7px; } .two_buttons .button:nth-child(2) { margin-left: 7px; } .call-to-action .text-area { width: 60%; } @media only screen and (max-width: 875px) { .call-to-action .text-area { width: 100%; text-align: center; } .section_outer.call_to_action_container { background-size: cover; } } /* #endregion */ /* #region Cookie Pop-up */ #cookie-message { position: absolute; padding: 55px 2.5% 25px 2.5%; text-align: center; background-color: #dfdfdf; bottom: 0; right: 0; display: none; width: 95%; max-width: 400px; font-size: 15px; line-height: 22px; color: #555; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0.9; } #cookie-message p { margin: 0; } #cookie-message #top-strip { position: absolute; top: -1px; left: 0; height: 35px; width: 100%; background-color: #333; } #cookie-message .close p { position: absolute; top: 0; right: 0; display: block; cursor: pointer; margin: 0; padding: 0; color: #ffffff; width: 35px; height: 35px; line-height: 36px; background-color: #ed3123; } #cookie-message .close p:hover { background-color: #d52c1f; color: #ffffff; } /* #endregion */ /* #region Testimonials */ .testimonial { padding-bottom: 5px; } .col.testimonial:first-child { margin-top: 0; } .testimonial_quote { font-style: italic; margin-bottom: 5px; } .testimonial_quote:before { content: '"'; } .testimonial_quote:after { content: '"'; } .testimonial_name { font-style: italic; font-weight: 600; color: #ed3123; } .testimonial_date { font-weight: 400; } p.testimonial_company { margin-top: 0; font-style: italic; color: #999; margin-bottom: 0; } .small_quote { font-size: 18px; line-height: 26px; font-weight: 400; font-style: italic; color: #999; } .large_quote { font-size: 26px; line-height: 35px; font-weight: 400; font-style: italic; color: #999; margin-bottom: 5px; } /* #endregion */ /* #region Testimonial Panel */ .testimonial_panel { background: #ed3123; color: white; } .testimonial_panel .section_background { padding: 0; display: flex; align-items: stretch; } .testimonial_panel .image_area, .testimonial_panel .text_area { position: relative; } .testimonial_panel .image_area { min-height: 50px; width: 50%; left: 0; /*background: url('../images/istockphoto-1307893261-2048x2048.jpg');*/ background: url('../images/Red-Testimonial-Image.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .testimonial_panel .text_area { width: 50%; float: right; padding: 190px 140px; background: #ed3123; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .testimonial_panel .testimonial { font-size: 22px; line-height: 1.5; font-style: normal; } @media only screen and (max-width: 1350px) { .testimonial_panel .text_area { width: 65%; } } @media only screen and (max-width: 1030px) { .testimonial_panel { background: url('../images/istockphoto-1307893261-2048x2048.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .testimonial_panel .image_area { display: none; } .testimonial_panel .section_background { display: block; } .testimonial_panel .text_area { width: 100%; float: right; background: rgba(204,34,45,0.75); padding: 140px 100px; } .testimonial_panel .text_area { padding-top: 75px; padding-bottom: 75px; } } @media only screen and (max-width: 550px) { .testimonial_panel .testimonial { font-size: 20px; line-height: 1.65; } } /* #endregion */ /* #region Key People */ h3.key_people_name { margin-bottom: 0; } p.job_title { margin-bottom: 15px; } .page_title p.job_title { margin-top: 7px; } a.team_thumbnail { background-image: none; } /* #endregion */ /* #region Downloads */ .download { margin-bottom: 25px; } .download h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: 22px; margin-bottom: 0; } .download p { margin: 4px 0; } /* #endregion */ /* #region Team Members */ .team_title_area { margin-bottom: 5px; } .team_title_area h1 + p.date { margin-top: 5px; } /*.photo_container { padding-right: 20px; }*/ .photo_container img { border: 1px solid #ddd; -webkit-border-radius: 57px; -moz-border-radius: 57px; border-radius: 57px; } .label.division { position: relative; margin-left: 0; } .label.division + .label.division { margin-left: 5px; } .team_listings p.date { margin-top: 0; } /* #endregion */ /* #region Contact */ .map { background-color: #E5E3DF; } .map_area .section_background { padding: 0; } .map_area + .section_outer .section_background { padding-top: 80px; } #google_map { width: 100%; /*max-width: 1200px;*/ height: 350px; margin: 0 auto; } .contact .updated_tabs { margin-top: 20px !important; } /* #endregion */ /* #region Page Buttons */ .back_to_top_section { padding: 0 0 40px; } .back_to_top_section .col { margin-top: 0; margin-bottom: 0; } a.button.grey_background { color: white; background-color: #ddd; } a.button.back_to_top { padding-left: 22px; margin-top: 0; } a.back_to_top { width: 100%; clear: both; margin: 0 0 15px; } .last_section + a.back_to_top, .call-to-action + a.back_to_top { margin-top: 0; margin-bottom: 50px; } a.button.grey_background:hover { color: white; background-color: #aaa; } /* #endregion */ /* #region Blog */ .blog_post { margin-bottom: 5px; } h1 + p.date { margin-top: 5px; } .page_title_area .date { float: left; clear: left; color: white; position: relative; top: -32px; margin-bottom: 5px; } #share { position: relative; display: block; width: 100%; margin-bottom: 8px; } p.date + #share { margin-top: 10px; } h1 + #share { top: 5px; } p.share_caption { font-style: italic; color: #ed3123; margin-top: 10px; margin-bottom: 0; } a.back_link { float: left; clear: left; } /* #region Blog Draft Label */ .label { position: absolute; background-color: #ccc; color: white; font-weight: normal; text-transform: uppercase; text-shadow: #ACB195 0 -1px 0; font-size: 11px; line-height: 18px; letter-spacing: 0; padding: 2px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left: 10px; top: 0; } .page_intro_container .label { color: #666; text-shadow: none; } /* #endregion */ /* #region Blog Images */ .blog.post figure { max-width: 25%; padding-left: 20px; } .blog.post figure img { margin: 10px 0 20px 0; } .blog.post figcaption { font-size: 15px; line-height: 21px; font-style: italic; margin-top: -12px; opacity: 0.7; } .blog.post h3 { margin-bottom: 10px; } /* #endregion */ /* #endregion */ /* #region Pagination */ .pagination { float: left; clear: left; width: 100%; color: #999; font-weight: 700; padding-top: 5px; margin-top: 25px; font-style: italic; } .pagination p a { display: inline-block; font-weight: 400; color: #999; text-align: center; text-decoration: none; padding: 0 12px 0 8px; border-right: 1px solid #e5e5e5; background: none; } .pagination p a:first-child { padding-left: 7px; } .pagination p a.current { color: #ed3123; font-weight: 700; } .pagination p a:last-child { border-right: none; } .pagination p a:hover { color: #333; } .pagination .page_label { font-weight: 700; } .page_note { font-size: 18px; font-weight: 400; color: #777; letter-spacing: 0; } .blog .pagination { border-top: 1px solid #e5e5e5; padding-top: 30px; } /* #endregion */ /* #region Videos */ .video_container, .video_thumbnail { margin: 15px 0; position: relative; } .video_container { margin-top: 0; } .video_container img { width: 277px; max-width: 100%; } .span_1_of_3 .video_container img { width: 380px; max-width: 100%; } .video_container .play_icon, .video_thumbnail .play_icon { content: "\f01d"; font-family: FontAwesome; font-size: 85px; color: rgba(255, 255, 255, .65); position: absolute; left: 0; top: 50%; margin-top: -43px; width: 100%; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .video_container:hover .play_icon, .video_thumbnail:hover .play_icon { color: rgba(255, 255, 255, 1); } .video_embed { margin-top: 35px; } .video_embed:first-child { margin-top: 15px; } /* #endregion */ /* #region Gallery */ .gallery_image_size, .gallery_image { margin-top: 0; margin-bottom: 2.5%; } a.gallery_thumbnail { display: block; } .gallery_container { display: flex; justify-content: center; flex-wrap: wrap; } .video_container .fancybox_video { display: flex; justify-content: center; align-items: center; } .video_container .play_icon { top: auto; margin-top: 0; } .gallery_container .thumbnail, .gallery_container .video_container { max-width: 220px; margin: 10px; } .gallery_container img { max-height: 155px; } @media only screen and (max-width: 700px) { .gallery_container .thumbnail, .gallery_container .video_container { max-width: 175px; } } /* #endregion */ /* #region Map */ #google_map { /*height: 290px;*/ background-color: #e5e3df; /*-webkit-border-radius: 8px;*/ /*-moz-border-radius: 8px;*/ /*border-radius: 8px;*/ } .map { background-color: #e5e3df; } .gmnoprint img { max-width: none !important; } #google_map img { max-width: none !important; } .gm-style-iw * { display: block; width: 100%; } .gm-style-iw h4, .gm-style-iw p { margin: 0; padding: 0; } .gm-style-iw a { color: #4272db; } /* #endregion */ /* #region Footer */ html { height: 100%; } html, body { height: 100%; margin: 0; } .wrapper { min-height: 100%; } .container { overflow: auto; } .footer { background-color: #fafafa; position: relative; clear: both; width: 100%; font-size: 13px; line-height: 20px; color: #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer_container { position: relative; max-width: 1300px; min-height: 50px; margin: 0 auto 0; padding: 0 50px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer_inner { float: left; position: relative; top: 100px; overflow: visible; max-width: none; padding: 0 50px; margin: 0 auto; } .footer_bottom_strip { float: right; position: absolute; bottom: 50px; right: 0; } .footer h4 { font-size: 22px; line-height: 26px; margin: 0 0 5px; } .footer h5 { font-size: 13px; line-height: 22px; font-weight: 600; margin: 0; } .footer li { line-height: 20px; padding: 0; margin: 0; display: inline; } .footer li a { font-weight: 400; } .footer li:before { content: none; } /*.footer li:after { content: ', '; }*/ .footer li:last-child:after { content: ''; } .footer p { line-height: 22px; margin-bottom: 0; z-index: 100; } .footer a { color: #999; text-decoration: none; } .footer a, .footer a:hover, .footer a:active, .footer a:focus { background: none; } .footer a:after { content: none; } .footer a:hover { color: #777; } .button_container { width: 100%; text-align: center; } .footer .button, .footer a.button:last-child { background-color: #999; color: white; clear: both; line-height: 24px; margin-bottom: 14px; } .footer .button:hover, .footer a.button:last-child:hover { color: white; background-color: #888; } .evolve-websites { width: 155px; height: 17px; margin: 0; opacity: 0.8; text-indent: -9999px; background: url(../images/evolve-logo.png) 0 0 no-repeat; /* fallback logo (.png) */ background-image: url(../svg/evolve-websites-co.svg), none; /* high-res logo (.svg) */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .evolve-websites:hover { opacity: 1; } .footer p.margin_top { margin-top: 8px; } .evolve_logo { position: absolute; right: 50px; bottom: 0; margin-bottom: -50px; } .footer p { margin-bottom: 10px; } .footer_container { padding: 0; } .footer_logo { width: 123px; height: 41px; opacity: 0.65; margin: 0 0 25px; background: url(../images/bp-rolls-group-grey.png) 0 0 no-repeat; background-image: url(../svg/bp-rolls-group-grey.svg), none; } .footer ul { padding-left: 0; } .footer ul li { display: block; line-height: 22px; } .footer ul li a { font-weight: 500; } /* #region Footer Height */ .container { padding-bottom: 750px; } .footer_container { height: 750px; } .footer { margin: -750px auto 0; } .footer { height: 750px; } /* #endregion */ /* #region Footer Columns */ .footer_row .col { width: 18%; /*background: rgba(0,0,0,0.05);*/ } .footer_row .col p { text-align: left !important; } @media only screen and (max-width: 1000px) { .footer_logo { margin-right: auto; margin-left: auto; } .evolve_logo { right: 0; left: 0; } .evolve-websites { margin-left: auto; margin-right: auto; } .footer_row .col { width: 100%; margin: 0; } .footer_row .col p, .footer_row .col ul { text-align: center !important; margin-bottom: 0; } .footer_row .col ul b { font-weight: 500; } .footer_row .col:nth-child(1) p, .footer_row .col:nth-child(2) p, .footer_row .col:nth-child(3) p { margin-bottom: 0; } .footer_row .col:nth-child(4) p:nth-child(1) { margin-bottom: 0; } .footer_row .col:nth-child(4) p:nth-child(3) { margin-bottom: 0; } .footer_row .col p b { font-weight: 500; } .footer_row .col:nth-child(5) p b, .footer_row .col:nth-child(4) p:nth-child(3) b { font-weight: 700; } .hide_below_thousand { display: none; } } /* #endregion */ /* #endregion */ /* #region Tabs */ ul#tab-menu { float: left; height: auto; min-height: 40px; list-style: none outside none; margin: 10px 0 35px; padding: 0 0 1px; white-space: nowrap; width: 100%; z-index: 200; font-size: 0; border-bottom: 3px solid #ed3123; } ul#tab-menu li { float: left; height: 40px; margin: 0; text-align: center; /*border-bottom: 3px solid #ed3123;*/ /*margin-bottom: 1px;*/ } ul#tab-menu li a { color: #fff; display: block; font-size: 14px; height: 40px; line-height: 38px; font-weight: 400; position: relative; text-align: center; text-decoration: none; } ul#tab-menu li a:after { content: none; } ul#tab-menu li a:hover { color: white; } ul#tab-menu { background-color: white; } ul#tab-menu li { clear: none; } ul#tab-menu li:first-child a { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } ul#tab-menu li:last-child a { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } ul#tab-menu li a { background-color: #fafafa; background-image: none; /*background-color: #333;*/ border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: none; border-bottom: none; color: #777; } ul#tab-menu li:last-child a { border-right: 1px solid #ddd; } ul#tab-menu li a:hover { background-color: #efefef; color: #555; } ul#tab-menu li.active a { background-color: #ed3123; border: 1px solid #ed3123; border-bottom: 3px solid #ed3123; color: white; font-weight: 700; } @media only screen and (max-width: 830px) { ul#tab-menu li.span_1_of_6 { width: 25%; } ul#tab-menu li:nth-child(4) a { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } } @media only screen and (max-width: 700px) { ul#tab-menu li.span_1_of_6 { display: inline-block; float: left; } } @media only screen and (max-width: 625px) { ul#tab-menu { padding: 0; } ul#tab-menu li.span_1_of_6 { width: 100%; display: block; float: none; border-right: 1px solid #ddd; } ul#tab-menu li:nth-child(4) a { border-right: none; border-bottom: none; } ul#tab-menu li:last-child a { border-right: none; border-bottom: none; } ul#tab-menu li.active a { border-bottom: none; } } /* #endregion */ /* #region Functional Classes */ /* #region Text */ .normal, .popup.feature_box p.normal { font-weight: 400; } a.no_underline { text-decoration: none; } .capitalise { text-transform: capitalize; } /* #endregion */ /* #region Position */ .centered { text-align: center; } .left_aligned { text-align: left; } .right_aligned { text-align: right; } .float_left { float: left; } .float_right { float: right; } /* #endregion */ /* #region Width */ .max_width_sixhundred { max-width: 600px; margin: 0 auto; float: none; } .max_width_eighthundred { max-width: 800px; margin: 0 auto; float: none; } /* #endregion */ /* #region Colours */ .pale_grey { background-color: #f3f3f3; } .grey_background { background-color: #f3f3f3; } .highlight { background-color: #feff96; } /* #endregion */ /* #region Margins */ .no_margins, .approved_repairer_strip .no_margins { margin: 0; } .ten_margin_bottom { margin-bottom: 10px; } .no_margin_top { margin-top: 0; } .no_margin_bottom, a.button.no_margin_bottom, p.date.no_margin_bottom { margin-bottom: 0; } .five_margin_bottom, h1.five_margin_bottom { margin-bottom: 5px; } .five_margin_top, .col.span_1_of_3.five_margin_top:nth-of-type(1), .col.span_1_of_3.five_margin_top:nth-of-type(2), .col.span_1_of_3.five_margin_top:nth-of-type(3) { margin-top: 5px; } .ten_margin_top, p.ten_margin_top { margin-top: 10px; } .fifteen_margin_top, p.fifteen_margin_top, .col.call-to-action.fifteen_margin_top { margin-top: 15px; } .twenty_margin_top, p.twenty_margin_top { margin-top: 20px; } .twentyfive_margin_top { margin-top: 25px; } .no_margin_bottom, h1.no_margin_bottom, h2.no_margin_bottom, h3.no_margin_bottom { margin-bottom: 0; } .no_margin_bottom + p.subtitle { margin-top: 0; } .twentyfive_margin_bottom, h2.intro.twentyfive_margin_bottom { margin-bottom: 25px; } .thirty_margin_bottom { margin-bottom: 30px; } .extra_margin_bottom { margin-bottom: 10px; } h3.less_margin_top { margin-top: 10px; } .ten_margin_bottom, a.button.ten_margin_bottom { margin-bottom: 10px; } .fifteen_margin_bottom { margin-bottom: 15px; } li.increased_margin_bottom { margin-bottom: 6px; } hr.less_margin_bottom { margin-bottom: 20px; } .fortyfive_margin_top { margin-top: 45px; } /* #endregion */ /* #region Padding */ .no_padding_bottom { padding-bottom: 0; } .no_padding_top, padding.no_padding_top { padding-top: 0; } .section_outer.extra_padding_bottom { padding-bottom: 60px; } .section_outer.no_padding_top { padding-top: 0; } .section_outer.seventeen_padding_top { padding-top: 17px; } .section_outer.thirty_padding_bottom { padding-bottom: 30px; } .padding.less_margin_top.no_padding_top { padding-top: 9px; } .padding.less_padding_top { padding-top: 25px; } .ten_padding_top { padding-top: 10px; } /* #endregion */ /* #region Opacity */ .pale { opacity: 0.5; } /* #endregion */ /* #region Borders */ .border_bottom { border-bottom: 1px solid #dddddd; } h2.border_bottom { padding-bottom: 35px; margin-bottom: 25px; } .col.border_bottom { padding-bottom: 35px; margin-bottom: 25px; } .col.border_bottom:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } .no_border_bottom { border-bottom: 0; } /* #endregion */ /* #region Table Layout */ .table_layout, .col.table_layout { display: table; } .table_cell { display: table-cell; float: none; vertical-align: middle; } .table_cell.padding_right { padding-right: 2.5%; } .table_cell.padding_left { padding-left: 2.5%; } .table_cell img { width: 100%; } .table_cell img.max_width_fourfifty { max-width: 450px; } .table_cell .image_thumbnail { margin: 0; } .span_1_of_4.fixed_width_twoeightfive, .span_5_of_16.fixed_width_twoeightfive { width: 315px; } .span_3_of_4.auto_width, .span_11_of_16.auto_width { width: auto; } /* #endregion */ /* #region Hide & Show */ .only_visible_below_foursevenfive { display: none; } .visible_below_tenseventyfive, a.button.visible_below_tenseventyfive { display: none; } .hidden_above_seven_hundred, a.button.hidden_above_seven_hundred { display: none; } .max_width_sixhundred { max-width: 600px; margin-left: auto; margin-right: auto; } .visible_below_sixtwentyfive { display: none; } .visible_below_eighttwentyfive, a.button.visible_below_eighttwentyfive, .page_intro_container .button.visible_below_eighttwentyfive { display: none; } .display_none { display: none; } .always_visible { display: block; } .table_cell.always_visible { display: table-cell; } .hidden_above_eighttwentyfive { display: none; } /* #endregion */ /* #endregion */ /* #region Sticky Scrolling */ .stickem-container { position: relative; } .stickem .span_1_of_4 { width: 100%; margin-top: 0; } .stickit { position: fixed; width: 100%; margin: 0; top: 0px; } .stickit .sticky_container { position: relative; max-width: 1200px; padding: 0 30px; width: 100%; left: -50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 50px; } .stickit .sticky_container .sticky_column.span_1_of_4 { position: absolute; width: 21.35%; margin: 0; right: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* #endregion */ /* #region Holding Page */ .holding_page { padding-top: 50px; } .holding_page .logo { margin-bottom: 50px; } /* #endregion */ /* #region Development Site Label */ .dev-site-label { position: fixed; top: 0; right: 0; width: 100px; height: 100px; background: url(../images/Dev-Version-Label_v1.png) no-repeat; z-index: 1000; } /* #endregion */ /* #region Our Story */ .about figure.rte-img-chosen { margin-top: 75px; } /* #endregion */ /* #region Our People */ .about.our-people p.date { margin-bottom: 10px; } /* #endregion */ /* #region UPDATES */ /* #region Fixing appearance of radio and checkboxes */ /*input[type="radio"], input[type="checkbox"] { margin-top: 21px; }*/ /*input[type="checkbox"] { float: left; }*/ select { margin-left: 5px; } /* #endregion */ /* #region Phone Banner */ .phone_banner { display: none; background: #ed3123; position: fixed; bottom: 0; width: 100%; text-align: center; } .phone_banner a { padding: 8px 0 9px; width: 100%; } .phone_banner:hover { background: #d52c1f; cursor: pointer; } .phone_banner .phone_number { float: none; margin: 0; font-size: 20px; } .phone_banner .phone_number i { top: 2px; background: none; padding: 0; color: white; margin-right: 4px; } @media only screen and (max-width: 1125px) { /*.phone_banner { display: block; }*/ .footer_inner { bottom: 65px; } .footer_bottom_strip { bottom: 65px; } /* #region Footer Height */ /*.container { padding-bottom: 175px; } .footer_container { height: 175px; } .footer { margin: -175px auto 47px; } .footer { height: 175px; }*/ /* #endregion */ } /* #endregion */ /* #region Removing breadcrumbs */ /*.intro_area h1 { margin-top: 10px; }*/ .share_title { margin-top: 20px; } /* #endregion */ /* #region Site Banner */ .site_banner { background-color: #ed3123; text-align: center; padding: 10px 0 14px; position: fixed; display: block; bottom: 0; width: 100%; z-index: 1; } .site_banner p { margin-bottom: 0; } .site_banner a { /*color: #496d5c;*/ color: white; text-decoration: none; margin-bottom: 0; padding: 0 10px; } .bp-rolls-newport-incident-update .site_banner { display: none; } /*.navigation_background.includes_site_banner { top: 156px; }*/ /*.hidden_above_ninefifty { display: none; }*/ /*@media only screen and (max-width: 950px) { .hidden_above_ninefifty { display: block; } .hidden_below_ninefifty { display: none; } }*/ @media only screen and (max-width: 1125px) { .site_banner { position: fixed; top: auto; bottom: 0; } /*.section_outer.header.includes_site_banner { top: 46px; }*/ } @media only screen and (max-width: 450px) { .site_banner { padding: 10px; } .site_banner p { font-size: 15px; line-height: 23px; } } /* #endregion */ /* #region Site Updates (December 2020) */ .full_width_image_area .section_inner { width: 100%; max-width: none; padding: 0; } .full_width_image_area .flexslider { top: 0; } .full_width_image_area .flex-direction-nav .flex-next { right: 0; } .full_width_image_area .flex-direction-nav .flex-prev { left: 0; } .full_width_image_area .flexslider, .full_width_image_area .flexslider ul.slides, .full_width_image_area .flexslider ul.slides li { /*max-height: 500px;*/ overflow: hidden; } .full_width_image_area .flex_caption_container { background-color: rgba(255, 255, 255, .75); /*max-width: 1200px;*/ /*height: 100px;*/ width: 100%; margin: 0 auto; position: absolute; bottom: 0; } .full_width_image_area .flex-caption { position: absolute; left: auto; right: 50px; /*bottom: 0;*/ } .full_width_image_area .flex-control-nav { display: none; } .full_width_image_area .flex_caption_inner_container { position: relative; background-color: rgba(255, 255, 255, .75); max-width: 1300px; margin: 0 auto; } @media only screen and (max-width: 1125px) { .full_width_image_area .flex-caption { right: 30px; } } @media only screen and (max-width: 825px) { .full_width_image_area .flex_caption_container, .full_width_image_area .flex-caption { position: relative; right: auto; } } /* #endregion */ /* #region Updated Header (January 2021) */ .new_header { height: 243px; } .section_outer.new_header > .section_inner { height: 112px; /*background: rgba(255, 255, 255, .1);*/ } .new_header .top_header_strip { border-bottom: 1px solid #444; font-size: 0; } .new_header .top_header_strip .section_inner { height: auto !important; } .new_header .top_header_strip a { color: #bbb; text-decoration: none; border-left: 1px solid #444; padding: 10px; font-size: 16px; font-weight: 400; } .new_header .top_header_strip a:hover { background: rgba(255, 255, 255, .1); } .new_header .top_header_strip .left_header_items a { padding-left: 18px; padding-right: 18px; } .new_header .top_header_strip .right_header_items { float: right; } .new_header .top_header_strip .right_header_items a { width: 28px; font-size: 20px; text-align: center; } .new_header .top_header_strip .left_header_items a:last-child, .new_header .top_header_strip .right_header_items a:last-of-type { border-right: 1px solid #444; } .new_header .buttons { position: absolute; right: 50px; top: 0; } .new_header .navigation_background .section_inner { padding: 0; margin: 0; } .new_header ul.navigation { background: none; } /*.new_header ul.navigation li a:hover { background: #ed3123; }*/ .new_header .strapline_strip { background: #3d3d3d; color: #aaaaaa; text-align: center; font-style: italic; padding: 10px 0; } .new_header .strapline_strip .section_inner { height: auto; padding: 0 20px; } .new_header .strapline_strip p { margin: 0; } .new_header .phone_number { font-weight: 300; font-size: 30px; letter-spacing: 0.5px; } .new_header .phone_number i { color: white; background: #ed3123; } .new_header ul.navigation li { height: 49px; } .new_header ul.navigation li a { border-bottom: 5px solid transparent; margin-bottom: 5px; } .new_header ul.navigation li a:hover, .new_header ul.navigation li.hover a { background: none; border-bottom: 5px solid #ed3123; } .new_header .navigation_background { top: 107px; max-width: 1200px; position: relative; /*padding: 0 50px;*/ } .new_header .navigation_background .section_inner { min-height: none; } .new_header ul.navigation li { width: 16%; } .new_header ul.navigation li:first-child { width: 20%; } /* #region Search */ .search-area form { width: auto; display: inline-block; margin: 0; float: right; } input.search-box { color: #fff; margin: 0; padding: 22px !important; width: 123px; height: 20px; font-weight: 400; border: none; outline: none; float: right; background: #323232; } input.search-box:focus { width: 200px; background-color: #323232; border: none; color: #fff; } button.search-button { float: right; background: #323232; color: #848484; border: none; outline: none; width: 44px; height: 44px; margin: 0; font-size: 20px; } button.search-button:hover { background-color: #323232; color: #bbb; } input.search-box, input.search-box:focus { transition: all 0.25s linear; } input.search-box::-webkit-input-placeholder { color: #707070; } input.search-box:-moz-placeholder { color: #707070; } .search-box:-moz-placeholder { /* Firefox 18- */ color: 707070; } .search-box::-moz-placeholder { /* Firefox 19+ */ color: #707070; opacity: 1; } input.search-box:-ms-input-placeholder { color: #707070; } .search_result { border-bottom: 1px solid #ddd; } .search_result:last-child { border-bottom: none; } .search_result .padding { padding-left: 0; padding-right: 0; } .search_result .label { position: relative; margin: 6px 0 12px; display: inline-block; } /* #endregion */ /* #endregion */ /* #region Adding dynamic recipients to forms (June 2021) */ form select { /*text-align: center;*/ margin-top: 5px; /*display: block;*/ /*margin-left: auto;*/ /*margin-right: auto;*/ } .select_container { margin-top: 10px; } .popup .select_container label { display: inline-block; padding: 0; } /* #endregion */ /* #region Adding video to service pages (June 2021) */ .video_outer_container { /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ margin-bottom: 30px; } .video_outer_container h3 { margin-bottom: 15px; } .video_outer_container .video_container { margin-bottom: 0; } /* #endregion */ /* #region Phone Numbers Popup (July 2021) */ #phone_numbers { max-width: 350px; } #phone_numbers h4 { margin-bottom: 0; } #phone_numbers h4 + p { margin-top: 0; margin-bottom: 10px; } .phone_numbers_button i { margin-right: 5px; } /* #endregion */ /* #region Approved Repairer Logos (September 2021) */ .approved_repairer_strip { background: #ddd; padding: 25px 0; } .approved_repairer_strip .section_background { padding: 50px 0; } .approved_repairer_strip .row { display: flex; align-items: center; justify-content: space-evenly; } .approved_repairer_strip a { margin: 15px; max-width: 125px; min-width: 0; display: flex; flex-flow: row nowrap; align-items: center; } .approved_repairer_strip a:after { content: none; } @media only screen and (max-width: 725px) { .approved_repairer_strip .row { flex-wrap: wrap; } } /* #endregion */ /* #region Maxus Electric Vans */ .maxus-electric-vans .section_outer h1, .maxus-electric-vans .section_outer h3 .maxus-electric-vans .section_outer a, .maxus-electric-vans .section_outer h3 a, .maxus-electric-vans .section_outer p a { color: #007ba2; } .maxus-electric-vans a:hover, .maxus-electric-vans h3 a:hover, .maxus-electric-vans p a:hover { color: #395a84; } .maxus-electric-vans .maxus_logo { float: right; margin-left: 50px; margin-bottom: 50px; } .maxus-electric-vans .maxus_logo_hidden { display: none; } .maxus-electric-vans .col.span_1_of_4 a.button { background-color: #007ba2; color: white; margin-top: 5px; } @media only screen and (max-width: 825px) { .maxus-electric-vans .maxus_logo { display: none; } .maxus-electric-vans .maxus_logo_hidden { display: block; margin: 20px auto 0; } } /* #endregion */ /* #region Jobs Page (January 2023) */ a.button { font-weight: 700; } a.button i { margin: 0 5px; opacity: 0.75; } /* #endregion */ /* #region Vehicle Livery Specialists */ .supermarket_logos img { max-width: 450px; } /*.insurer_logos { float: right; }*/ @media only screen and (max-width: 1025px) { .supermarket_logos img { max-width: 350px; } } @media only screen and (max-width: 825px) { figure.supermarket_logos { float: none !important; } } /* #endregion */ /* #region Bott Logo */ @media only screen and (max-width: 825px) { .bott_logo { float: none !important; margin-left: 0 !important; } } /* #endregion */ /* #region Bott Banner (February 2025) */ .bott_banner { color: white; background: #3d3d3b; border-bottom: 10px solid #07b14a; } .bott_banner * { text-align: left !important; } .bott_banner .section_background { padding: 35px 0 30px; } .bott_banner .col { display: flex; justify-content: center; align-items: center; } .bott_banner img { margin-right: 30px; max-width: 85px; } .bott_banner p { margin-bottom: 0; } .bott_banner a { color: #07b14a; background-image: linear-gradient(rgba(255,255,255,0.075), rgba(255,255,255,0.075)); } .bott_banner a:hover, .bott_banner a:focus, .bott_banner a:active { background-image: linear-gradient(rgba(255,255,255,0.125), rgba(255,255,255,0.125)); } @media only screen and (max-width: 425px) { .bott_banner .col { display: block; } .bott_banner .col * { text-align: center !important; } .bott_banner img { margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 600px) { .testimonial_panel .text_area { padding-left: 50px; padding-right: 50px; } } /* #endregion */ /* #region Video Strip */ .video_strip { background-color: #f3f3f3; } .video_strip .section_background { position: relative; z-index: 2; padding: 0; margin: 0; } .video_strip .video_container { margin-bottom: 0; } .video_strip:before, .video_strip:after { content: ""; width: 100%; height: 25px; display: block; position: absolute; } .video_strip:before { background-color: #f3f3f3; top: 0; } .video_strip:after { background-color: white; bottom: 0; z-index: 1; } .includes_video_below .section_background { padding-bottom: 50px; } .video_strip.lower_video_strip:before { background-color: white; } .video_strip.lower_video_strip:after { content: none; } /* #endregion */ /* #region Homepage */ .section_title h3 { color: #bbb; font-size: 42px; margin-bottom: 25px; font-weight: 400; } @media only screen and (max-width: 750px) { .section_title h3 { font-size: 32px; } } /* #endregion */ /* #region reCAPTCHA */ .g-recaptcha { margin-top: 20px; } @media only screen and (max-width: 825px) { .g-recaptcha { display: flex; justify-content: center; } } #get_in_touch_thanks_popup .popup .form_area, #book_now_thanks_popup .popup .form_area, #contact_thanks_popup .popup .form_area { padding-top: 35px; } /* #endregion */ /* #endregion */ /* #region BREAKPOINTS */ @media only screen and (max-width: 1300px) { .image_slider { height: auto; } .home .flexslider { top: 0; } .homepage_intro { padding-top: 0; } .home .image_slider .section_inner { padding: 0; } .flexslider_narrow .left-fade, .flexslider_narrow .right-fade { display: none; } .flexslider_narrow .flex-caption { max-width: 30%; } .image_slider .section_inner { padding: 0; } .flexslider_narrow .flex-caption h2 strong:after { content: ' '; } .flexslider_narrow .flex-caption p, .flexslider_narrow .flex-caption a { display: inline; } .flexslider_narrow .flex-caption a { font-family: 'Montserrat', sans-serif; font-weight: 700; } } @media only screen and (max-width: 1250px) { .button_area { width: auto; } .page_intro_container { width: 65%; } .feature_box { width: 32%; } } @media only screen and (max-width: 1246px) { .flex-direction-nav .flex-prev { left: 0; } .flex-direction-nav .flex-next { right: 0; } .image_slider .feature_box { right: 63px; margin-top: -157px; } } @media only screen and (max-width: 1200px) { .curve_container.image_and_curve .section_inner { padding: 0; } .curve_container.image_and_curve .section_inner img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .strapline { display: none; } .home .strapline { display: block; } } @media only screen and (max-width: 1150px) { /* #region Page Image */ .inc_image .page_intro_container { width: 60%; } /* #endregion */ /* #region Footer Height */ .container { padding-bottom: 850px; } .footer_container { height: 850px; } .footer { margin: -850px auto 0; } .footer { height: 850px; } /* #endregion */ } @media only screen and (max-width: 1075px) { .page_intro_container { width: 62%; } .feature_box { width: 35%; } .image_slider .feature_box { display: none; } .visible_below_tenseventyfive, a.button.visible_below_tenseventyfive { display: inline-block; } .intro_section .button { display: inline-block; } } @media only screen and (max-width: 1030px) { .table_layout .col.span_2_of_4 { display: block; width: 100%; margin: 0; } .table_layout .col.span_3_of_8, .table_layout .col.span_5_of_8 { display: block; width: 100%; margin: 0; } .wide_image { display: block; } .normal_image { display: none; } .testimonial-quote { font-size: 22px; line-height: 30px; } .home .strapline { display: none; } .section_background { padding: 50px 0; } .map_area + .section_outer .section_background { padding-top: 50px; } .footer_inner { top: 50px; } /* #region Header Height */ .logo { width: 155px; height: 52px; /*background: url(../images/bprolls-group-190x64.jpg) no-repeat;*/ background-image: url(../svg/bprolls-group.svg), none; } .section_outer.header.new_header, .section_outer.new_header > .section_inner { height: 95px; } .header_container { height: 103px; /* header height + 8px border */ } .header .buttons { margin-top: 22px; } a.mobile_menu_button { padding: 28px 42px 49px; } .new_header .buttons { right: 30px; } .page_image_container, .intro_area_without_image, .map_area { margin-top: 103px; } /* #endregion */ /* #region Type */ h1, .page_image h1 { font-size: 55px; } .page_image h1 { padding: 0 50px; } h2.intro { font-size: 20px; } /* #endregion */ } @media only screen and (max-width: 1000px) { .page_intro_container { width: 60%; } .feature_box { width: 37%; } /* #region Page Image */ .inc_image .page_intro_container { width: 55%; } /* #endregion */ /* #region 8 Column Grid */ .span_1_of_8 { width: 23.12%; } .col.span_1_of_8:nth-of-type(4n+1) { margin-left: 0; } .col.span_1_of_8 { margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } .col.span_1_of_8:nth-of-type(1), .col.span_1_of_8:nth-of-type(2), .col.span_1_of_8:nth-of-type(3), .col.span_1_of_8:nth-of-type(4) { margin-top: 0; border-top: none; padding-top: 0; } /* #endregion */ /* #region Footer Height */ .container { padding-bottom: 650px; } .footer_container { height: 650px; } .footer { margin: -650px auto 0; } .footer { height: 650px; } /* #endregion */ } @media only screen and (max-width: 950px) { .checkboxes input[type="radio"] { margin-top: 12px; } .checkboxes label { padding-top: 6px; } /*.col.span_1_of_3:nth-of-type(2n) { margin-left: 2.5%; }*/ /*.col.span_1_of_3:nth-of-type(3) { margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; }*/ .col.span_1_of_3, .col.span_1_of_3:nth-child(2), .col.span_1_of_3:nth-child(3) { width: 100%; margin-left: 0; border: none; margin-top: 35px; } .span_2_of_3 + .col.span_1_of_3, .col.span_1_of_3.dont_break_at_ninefifty { width: 31.66%; } .col.span_1_of_3:nth-of-type(3n+1) { margin-left: 2.5%; clear: none; } .col.span_1_of_3:nth-of-type(2n+1) { margin-left: 0; clear: left; } .col.span_1_of_3.dont_break_at_ninefifty:nth-of-type(3) { margin-left: 2.5%; margin-top: 0; clear: none; border-top: none; padding-top: 0; } /*.col.span_1_of_3:nth-of-type(3) { margin-top: 35px; }*/ .border_top .col:nth-of-type(3) { border-top: 1px solid #ddd; padding-top: 35px; } /*.col.span_1_of_3 { margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } .col.span_1_of_3:nth-of-type(1), .col.span_1_of_3:nth-of-type(2) { margin-top: 0; border-top: none; padding-top: 0; }*/ .page_intro_container { width: 58%; } .feature_box { width: 39%; } } @media only screen and (max-width: 900px) { .page_intro_container { width: 56%; } .feature_box { width: 41%; } h1.homepage_intro { font-size: 17px; line-height: 29px; } } @media only screen and (max-width: 885px) { .social_icons { display: none; } } @media only screen and (max-width: 875px) { /* #region General Styles */ .border_top .col { margin-bottom: 1%; } .border_top .form-row.col { margin-bottom: 0; } .span_2_of_3 { width: 100%; } .span_2_of_3 + .span_1_of_3, .span_2_of_3 + .col.span_1_of_3:nth-of-type(2n) { width: 100%; margin-left: 0; border-top: 1px solid #ddd; margin-top: 10px; padding-top: 35px; } .side_section .span_1_of_3 { width: 100%; margin-left: 0; } .col.span_5_of_6 { margin-left: 0; } .border_top .col:nth-of-type(1), .border_top .col:nth-of-type(2) { border-top: none; margin-top: 0; padding: 4px 0 28px; } .border_top .col:nth-of-type(3) { padding: 48px 0 18px; border-top: 1px solid #e4e4e4; } .border_top .form-row.col, .border_top .form-row.col:nth-of-type(1), .border_top .form-row.col:nth-of-type(2), .border_top .form-row.col:nth-of-type(3) { padding-top: 0; padding-bottom: 5px; border-top: none; } .span_1_of_3 a.fancybox { margin-right: 10px; } .span_1_of_3.extra_side_item { width: 100%; } .page_title h1 { left: 30px; } .home .column_slider .padding { padding: 20px; } .image_slider .section_inner { padding: 0; } .flexslider.column_slider .thumbnail { display: none; } .section_outer.overlap { margin-top: -15px; } .page_container { margin-top: 30px; } .utility_navigation, .search-area { right: 40px; } /* #endregion */ /* #region Forms */ form { margin-top: 0; } form .col.span_2_of_7 { margin-bottom: 2px; } form .col.span_5_of_7 { margin-bottom: 10px; } /* #endregion */ /* #region Header */ .phone_number i { display: none; } .home .phone_number i { display: inline-block; } /* #endregion */ } @media only screen and (max-width: 850px) { .page_intro_container { width: 54%; } .feature_box { width: 43%; } .inc_image .page_intro_container { width: 50%; } ul.navigation li a, ul.navigation li span { font-size: 17px; } } @media only screen and (max-width: 825px) { /* #region Hides */ .hidden_above_eighttwentyfive { display: block; } .hidden_below_eighttwentyfive { display: none; } /* #endregion */ /* #region General Styles */ * { text-align: center; } .feature_box { display: none; } .popup.feature_box { display: block; } .page_intro_container { width: 100%; } .page_title { width: 100%; margin-top: 25px; } .no_feature_box .page_title { margin-top: 20px; margin-bottom: 30px; } .visible_below_eighttwentyfive, .page_intro_container .button.visible_below_eighttwentyfive { display: block; } a.button.visible_below_eighttwentyfive { display: inline-block; } .flex-caption { position: relative; bottom: 0; left: 0; } .flex-caption h3, .flex-caption h2 { width: 100%; text-align: center; margin: 0; top: 0; left: 0; padding-left: 0; padding-right: 0; } .flex-caption { display: block; padding-left: 0; padding-right: 0; padding-bottom: 10px; } .flex-caption h2 { display: inline; color: white; padding-left: 4px; } .flex-control-nav { display: none; } .caption_container { /*background: rgba(0,0,0,0.15);*/ position: relative; } .flex-control-nav { display: none; } form .col.span_1_of_2, form .col.span_1_of_2:nth-of-type(2n) { width: 100%; margin-left: 0; } .smallprint, .smallprint p { float: left; width: 100%; text-align: center; } .radio_container { float: none; clear: both; text-align: center; display: inline-block; margin-left: auto; margin-right: auto; } input[type="radio"] { float: none; margin: 0 0 0 7px; } .col.span_1_of_3.break_at_eighttwentyfive, .col.span_2_of_3.break_at_eighttwentyfive { width: 100%; margin-left: 0; } .page_title_area .date { width: 100%; text-align: center; top: -24px; } .visible_above_eighttwentyfive { display: none; } .testimonial-quote { font-size: 22px; line-height: 30px; } #share { float: none; margin: 0 auto; } table tr th, table tr td, table tr td a { text-align: left; } ol, ol li, li { padding-left: 0; text-indent: 0; } code { margin-left: 0; } dd { margin-left: 0; } legend { width: 100%; } /* #endregion */ /* #region Get in touch strip */ .get_in_touch_strip .span_1_of_4, .get_in_touch_strip .span_1_of_4:nth-child(1), .get_in_touch_strip .span_1_of_4:nth-child(2), .get_in_touch_strip .span_1_of_4:nth-child(3), .get_in_touch_strip .span_1_of_4:nth-child(4) { width: 100%; margin-left: 0; margin-top: 0; margin-bottom: 25px; padding-top: 0; border: none; } /* #endregion */ /*/* #region Header Height *!/ .logo, .home .logo { top: 16px; height: 55px; width: 164px; background: url(../images/bprolls-group-163x55.jpg) no-repeat; background-image: url(../svg/bprolls-group.svg), none; } .header_container, .header, .section_outer.header .section_inner { height: 90px; } /*.container { padding-top: 90px; }*!/ a.mobile_menu_button { padding: 24px 32px 48px; } .header .buttons { top: 19px; right: 19px; } /* #endregion *!/*/ /* #region Layout */ .col.span_1_of_3.full_width_at_eighttwentyfive, .col.span_2_of_3.full_width_at_eighttwentyfive { width: 100%; margin-left: 0; } .col.span_3_of_4 { width: 100%; margin-left: 0; } .span_1_of_4, .span_1_of_4:nth-child(1), .span_1_of_4:nth-child(2), .span_1_of_4:nth-child(3), .span_1_of_4:nth-child(4) { width: 48.125%; margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } .span_1_of_4:nth-child(2n+1) { clear: left; margin-left: 0; } .col.span_1_of_4:nth-child(1), .col.span_1_of_4:nth-child(2) { margin-top: 0; border-top: none; padding-top: 0; } .span_3_of_4 + .span_1_of_4, .span_3_of_4 + .span_1_of_4:nth-child(2), .span_11_of_16 + .span_5_of_16, .span_11_of_16 + .span_5_of_16:nth-child(2) { width: 100%; margin-left: 0; margin-right: 0; margin-top: 25px; } .span_5_of_8, .span_3_of_8 { width: 100%; margin-left: 0; } .page_button, a.button.page_button:last-child { float: none; margin-top: 0; margin-bottom: 15px; } .page_strip .table_layout, .page_strip .table_cell { display: block; } .hidden_below_eighttwentyfive, .table_cell.hidden_below_eighttwentyfive { display: none; } .page_strip .span_1_of_4, .page_strip .span_5_of_16 { width: 100%; } .page_strip .span_3_of_4, .page_strip .span_11_of_16 { margin-top: 25px; } .page_strip .span_3_of_4.no_margin_top, .page_strip .span_11_of_16.no_margin_top { margin-top: 0; } .page_strip .span_1_of_4, .page_strip .col.span_1_of_4:nth-child(1), .page_strip .col.span_1_of_4:nth-child(2), .page_strip .span_5_of_16, .page_strip .col.span_5_of_16:nth-child(1), .page_strip .col.span_5_of_16:nth-child(2) { margin-top: 20px; } .table_cell.padding_left { padding-left: 0; } .staggered_layout .col.span_1_of_2 { width: 100%; clear: left; margin-left: 0; } .staggered_layout .col.span_1_of_2:first-child { margin-top: 0; } /* #region 8 Column Grid */ .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8 { width: 100%; margin-left: 0; margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } .span_1_of_8 { width: 48.12%; } .col.span_1_of_8:nth-of-type(4n+1) { margin-left: 2.5%; } .col.span_1_of_8:nth-of-type(2n+1) { margin-left: 0; } .col.span_1_of_8 { margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } .col.span_1_of_8:nth-of-type(3), .col.span_1_of_8:nth-of-type(4) { margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } /* #endregion */ /* #endregion */ /* #region Call to action strip */ .call-to-action, .call-to-action .text-area { display: block; text-align: center; } .call-to-action .text-area { padding-bottom: 15px; max-width: none; } .call-to-action .button_area { display: inline-block; width: 100%; margin: 0 auto; text-align: center; padding-bottom: 30px; } .call-to-action .button_area .button { width: auto; float: none; padding-left: 25px; padding-right: 25px; } /* #endregion */ /* #region Type */ h1, .page_image h1 { font-size: 50px; } .page_image h1 { padding: 0 40px; } h2.section_heading, h2.section_heading a { font-size: 36px; line-height: 42px; letter-spacing: -1.25px; } ul { padding-left: 0; } /* #endregion */ /* #region Form */ input[type="checkbox"].error { float: left; margin-top: 5px; left: -22px; } .checkbox_container label { padding-left: 20px; } .checkbox_container label.error { position: relative; top: -17px; margin-top: 0; padding-right: 0; /*background: #ccc;*/ } /* #endregion */ /* #region Page Image */ .inc_image .page_title { float: none; margin-bottom: 30px; } .inc_image .page_intro_container { width: 100%; } /* #endregion */ /* #region Homepage Introduction */ .homepage_intro_section .image { position: relative; left: auto; display: inline-block; margin-bottom: 5px; width: auto; } .homepage_intro_section .text_area { display: inline-block; padding-left: 0; } /*.home .section_background { margin: 45px 0 55px; }*/ .home .image_slider .section_background { margin: 0; } .home .homepage_intro .section_background { margin: 35px 0 40px; } /* #endregion */ /* #region Homepage Image Slider */ .flex-caption { line-height: 32px; } .flex-caption h2 { font-size: 32px; line-height: 32px; } /* #endregion */ /* #region Blog Images Update */ .blog.post figure { padding: 0; max-width: 50%; float: none !important; clear: both; margin: 0 auto 10px; } /* #endregion */ /* #region Job Summary */ .job_summary.table_layout { display: block; width: 100%; } .job_summary .table_cell { display: block; width: 100%; } .job_summary .button_area { margin: 10px 0 0; } .job_summary a.button { float: none; } .job_summary:first-of-type { border-top: none; } .job_key_details, .col.span_1_of_4.job_key_details:nth-child(1) { width: 100%; margin: 20px 0 30px !important; } /* #endregion */ /* #region Filter Panel */ .col.filter_panel, .col.span_1_of_4.filter_panel:nth-child(2) { padding: 0; width: 100%; background-color: #f3f6f0; margin-top: 0; } .col.span_1_of_4.filter_panel:nth-child(1) { margin-top: 7px; } .filter_panel h3 { position: relative; background-color: #6f8a4f; width: 100%; color: white; font-size: 20px; padding: 10px 0 8px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .filter_panel h3:hover { cursor: pointer; background-color: #5b753d; } .filter_panel h3:focus, .filter_panel h3:active { background-color: #6f8a4f; } .filter_panel h3 i { position: absolute; top: 17px; margin-left: 8px; color: rgba(255, 255, 255, .5); font-size: 13px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .filter_panel h3.ui-accordion-header-active i { -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */ -moz-transform: rotate(180deg); /* FF */ -o-transform: rotate(180deg); /* Opera */ -ms-transform: rotate(180deg); /* IE9 */ transform: rotate(180deg); /* W3C compliant browsers */ } .filter_panel .form_element_label { width: auto; display: inline-block; padding-right: 5px; } .filter_panel label { color: #333; font-weight: 400; } .filter_panel .checkbox, .filter_panel .radio { margin-right: 10px; } .filter_panel .checkbox, .filter_panel .radio { display: inline-block; } .filter_panel input[type="radio"] { margin-left: 0; margin-right: 3px; } .filter_panel .form_element_container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; border-top: 1px solid #d9d9d9; } .form_element_container br { display: none; } .filter_panel input[type="submit"] { margin-top: 0; margin-bottom: 0; } .filter_panel input[type="submit"]:hover { margin-top: 1px !important; } .filter_panel input[type="submit"]:focus { margin-top: 2px !important; } /* #endregion */ /* #region Key Contact */ .apply_now { margin-top: 20px; } .key_contact .table_cell, .key_contact .table_layout { display: inline-block; width: 100%; } .key_contact h3 { margin-bottom: 14px; } .key_contact img { max-width: 115px; margin-bottom: 3px; } .key_contact p.date { margin-bottom: 0; } /* #endregion */ /*/* #region Footer *!/ .footer_inner { float: none; position: relative; top: 0; overflow: hidden; max-width: none; /*padding: 0;*!/ margin: 25px auto 0; } .footer_bottom_strip { float: none; position: relative; margin: 0 auto; width: 100%; bottom: auto; right: auto; margin-top: 12px; } /* #region Footer Height *!/ /*.container { padding-bottom: 175px; } .footer_container { height: 175px; } .footer { margin: -175px auto 47px; } .footer { height: 175px; }*!/ /* #endregion *!/ /* #endregion *!/*/ /* #region Division Icons */ .flex-caption h2 { padding-left: 0; } .caption_container h2 { color: white !important; } .flexslider li.flex-active-slide .flex-caption { -webkit-animation-name: none; animation-name: none; } h1 .division_icon { left: auto; margin-left: 0; } /* #endregion */ /* #region Form */ .checkbox_container .instruction { padding-left: 0; } .radio_list label { float: none; width: 100%; } .radio_list input { float: none !important; } /* #endregion */ /* #region Team Page */ .photo_container { margin-bottom: 10px; } /* #endregion */ /* #region Images in content */ /*figure.rte-img-chosen { float: none; top: 15px; margin-left: 0; max-width: 100%; text-align: center !important; } figure.rte-img-chosen img { max-width: 250px; }*/ figure.full_width_image, figure.full_width_image { max-width: 100%; width: 100%; height: auto; } /* #endregion */ /* #region Social Sharing */ p.share_title { width: 100%; margin-bottom: 5px; } /* #endregion */ /* #region site_contact_info */ .site_contact_info { border-top: 1px solid rgba(0,0,0,0.1) !important; padding-top: 35px !important; margin-top: 20px !important; } /* #endregion */ /*/* #region Updated Header *!/ .header_container { height: 179px; } /*.container { padding-top: 179px; }*!/ .section_outer.header.new_header { height: 179px; } input.search-box { text-align: left !important; } input.search-box:focus { width: 150px; } /* #endregion *!/*/ } @media only screen and (max-width: 750px) { .intro_section .section_background { margin-top: 30px; margin-bottom: 35px; } } @media only screen and (max-width: 700px) { /* #region General Styles */ * { text-align: center; } ul#mobile_navigation, ul#mobile_navigation li, ul#mobile_navigation li a { text-align: left; } .header .phone .number { display: none; } ul.primary_navigation, ul.navigation { display: none; } .section_outer.header .section_inner { height: auto; } .call-to-action { display: inline; float: left; } .call-to-action.internal { margin: 15px 0 30px; } a.mobile_menu_button { display: block; } .span_1_of_3 a.fancybox { margin-right: 0; } .hidden_above_seven_hundred { display: inline; } a.hidden_above_seven_hundred { display: inline-block; } a.button.hidden_above_seven_hundred { display: inline-block; } .last_section { padding-bottom: 40px; } .page_title h1, .page_title h2 { top: 77px; padding: 5px 14px 7px; } .image_container { padding: 2%; /* This needs to work in relation to the width below */ } .col.span_1_of_4.image_container { width: 48%; /* This needs to work in relation to the amount of padding above */ } .col.span_1_of_4.image_container:nth-of-type(2n) { margin-left: 4%; } .col.span_1_of_4.image_container, .col.span_1_of_4.image_container:nth-of-type(2n) { margin-bottom: 2%; } .page_title h1, .page_title h2 { width: 100%; left: 0; top: 77px; padding-left: 0; padding-right: 0; text-align: center; padding-top: 3px; padding-bottom: 6px; } .home .image_slider { margin-top: 0; } .home .logo { left: 0; } blockquote { border-left: none; padding-left: 0; } h1, .page_image h1 { font-size: 45px; } .page_image h1 { padding: 0 25px; } .navigation_background { display: none; } /* #endregion */ /* #region Layout */ .curve_container { padding-bottom: 55px; } .curve_container .section_background { padding-top: 30px; padding-bottom: 10px; } /* #endregion */ /* #region 6 Columns */ .span_1_of_6 { width: 31.66%; } .col.span_1_of_6:nth-of-type(3n+1) { margin-left: 0%; } form .span_1_of_6, form .span_5_of_6 { width: 100%; margin-left: 0; } /* #endregion */ /* #region Forms */ label { text-align: center; } .checkboxes { width: 100%; overflow: hidden; } .checkboxes ul { list-style: none; position: relative; float: left; display: block; left: 50%; } .checkboxes ul li { position: relative; float: left; display: block; right: 50%; } .checkboxes label { width: auto; } /* #endregion */ /* #region Responsive Tables */ .responsive_label { display: inline-block; } .responsive_label p { display: inline-block; } td.right_aligned { text-align: center; } .table_heading { display: none; } .contains_multiple_tables .table_heading { display: block; } .contains_multiple_tables th { display: none; } .contains_multiple_tables th:first-child { display: block; padding: 5px 0 7px; } .contains_multiple_tables table.no_margin_top { margin-top: 20px; } table tr th, table tr td { display: block; width: 100%; padding: 0; line-height: 24px; } table tr th p, table tr td p { display: inline-block; } table tr td:first-child { padding-top: 15px; } table tr td:last-child { padding-bottom: 18px; } table tr th { padding-bottom: 0; background-color: #333; } table tr th:first-child { padding-top: 15px; } table tr th:last-child { padding-bottom: 15px; } tr.table_title th { background-color: #ed3123; } table tr td:nth-child(1), table tr th:nth-child(1), table tr th:nth-child(2), table tr th:nth-child(3), table tr td:nth-child(2), table tr td:nth-child(3) { width: 100%; } .case_study_table th:first-child, .case_study_table td:first-child { width: 100%; } .case_study_table th:nth-child(2), .case_study_table td:nth-child(2) { width: 100%; } .case_study_table th:nth-child(3), .case_study_table td:nth-child(3) { width: 100%; } /* #endregion */ /* #region Tab Filtering */ ul#tab-menu, ul#tab-menu li, ul#tab-menu li a, ul#tab-menu span.title { min-height: 36px; line-height: 36px; height: auto; } ul#tab-menu { background-color: white; } ul#tab-menu span.title { float: none; border-bottom: 2px solid white; } ul#tab-menu li { float: none; margin: 0; } ul#tab-menu.tabs_above_table li { margin-bottom: 2px; } table tr.has_filtering_above { display: none; } table tr th, table tr td { text-align: center; } .contains_multiple_tables table tr.has_filtering_above { display: block; } ul#tab-menu li a, ul#tab-menu span.title { border-right: none; } ul#tab-menu { padding: 0; } /* #endregion */ /* #region Hide & Show */ .hidden_below_sevenhundred, .contains_multiple_tables table tr.has_filtering_above.hidden_below_sevenhundred { display: none; } /* #endregion */ /*/* #region Header Height *!/ .logo, .home .logo { top: 16px; height: 50px; width: 149px; background: url(../images/bprolls-group-148x50.jpg) no-repeat; background-image: url(../svg/bprolls-group.svg), none; } .header_container, .header, .section_outer.header .section_inner { height: 85px; } /*.container { padding-top: 85px; }*!/ a.mobile_menu_button { padding: 21px 29px 46px; } .header .buttons { top: 17px; right: 17px; } .accident-repairs .header .button { display: none; } /* #endregion *!/*/ /*/* #region Updated Header *!/ .header_container { height: 174px; } /*.container { padding-top: 174px; }*!/ .section_outer.header.new_header { height: 174px; } .right_header_items a { display: none; } /* #endregion *!/*/ } @media only screen and (max-width: 675px) { h1.homepage_intro { font-size: 17px; line-height: 27px; } /* #region Homepage Banner */ .homepage_banner { height: 280px; } .homepage_banner .section_background { background-size: 1300px; } .homepage_banner h1 { font-size: 40px; line-height: 45px; letter-spacing: -1px; } .homepage_banner p { font-size: 23px; line-height: 28px; } /* #endregion */ /* #region Footer Height */ /*.container { padding-bottom: 175px; } .footer_container { height: 175px; } .footer { margin: -175px auto 47px; } .footer { height: 175px; }*/ /* #endregion */ } @media only screen and (max-width: 625px) { /* #region Hides */ .hidden_below_sixtwentyfive { display: none; } .visible_below_sixtwentyfive { display: inline; } .breadcrumb { display: none; } /* #endregion */ /* #region Header */ .commercial-vehicles .header .button { display: none; } /* #endregion */ /* #region General Styles */ .col.span_1_of_3, .col.span_1_of_3:nth-of-type(2n) { width: 100%; margin-left: 0; margin-top: 25px; } .col.span_1_of_3:nth-of-type(1) { margin-top: 0; } /*.col.span_1_of_3:nth-of-type(2), .col.span_1_of_3:nth-of-type(3) { margin-top: 25px; border-top: 1px solid #ddd; padding-top: 35px; }*/ .divisions .col.span_1_of_3:nth-of-type(2), .divisions .col.span_1_of_3:nth-of-type(3) { margin-top: 12px; border-top: none; padding-top: 0; } .col.span_1_of_3.dont_break_at_ninefifty, .col.span_1_of_3.dont_break_at_ninefifty:nth-of-type(3) { width: 100%; margin-left: 0; margin-top: 38px; border-top: 1px solid #ddd; padding-top: 30px; } .col.span_1_of_3.dont_break_at_ninefifty:first-child { margin-top: 0; border-top: none; padding-top: 0; } .section_background.reduced_margin_top { margin-top: 10px; } .border_top .col { padding-bottom: 28px; } /*.section_background, .home .section_background, .home .homepage_intro .section_background { margin: 25px 0 30px; }*/ .page_image_container .section_background { margin: 0; } .section_background.no_margins, .section_background.no_margin_top, .section_background.no_margin_bottom { margin: 0; } /*.intro_area + .section_outer h1 { margin-top: 15px; }*/ /* #endregion */ /* #region Image Slider */ .flex-caption { line-height: 25px; } .flex-caption h2 { font-size: 25px; line-height: 25px; letter-spacing: 0; } /* #endregion */ /* #region Division Icons */ .col.span_1_of_3:nth-child(2) .division_icon { top: 36px; } .six_division_section .col.span_1_of_3.hover_effect:nth-child(2):hover .division_icon { top: 33px; } .col.span_1_of_3:nth-child(2) .division_icon_link + h3 { margin-top: 45px; } .clients.divisions .col.span_1_of_3:nth-child(2), .clients.divisions .col.span_1_of_3:nth-child(3) { margin-top: 20px; border-top: 1px solid #ddd; padding-top: 30px; } /* #endregion */ /* #region Social Icons */ .social_icons { display: none; } /* #endregion */ /* #region Footer Height */ /*.container { padding-bottom: 225px; } .footer_container { height: 225px; } .footer { margin: -225px auto 47px; } .footer { height: 225px; }*/ /* #endregion */ /* #region Popup Form */ .popup h4 { font-size: 24px; line-height: 30px; } .popup textarea { min-height: 100px; } input, input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea { padding: 10px; } .popup { max-width: 100%; } /* #endregion */ } @media only screen and (max-width: 600px) { .large_quote { font-size: 20px; line-height: 29px; } .header_contact_strip { display: block; } .header .buttons { display: none; } .logo { top: 20px; } .section_outer.header.new_header { height: 136px; } .section_outer.new_header > .section_inner { height: 136px; } .header_container { height: 144px; /* header height + 8px border */ } .page_image_container, .intro_area_without_image, .map_area { margin-top: 136px; } } @media only screen and (max-width: 550px) { /* #region General Styles */ .section_inner { padding: 0 30px; } .padding { padding: 20px; } .padding.less_padding_top { padding-top: 15px; } .no_padding_bottom { padding-bottom: 0; } .page_container { margin-bottom: 20px; } .col.no_margin { margin: 0; } .col.span_1_of_4, .col.span_2_of_4, .col.span_3_of_4, .col.span_4_of_4, .col.span_5_of_16, .col.span_11_of_16 { margin: 1.25% 0 2% 2.5%; } .col.span_3_of_4, .col.span_11_of_16 { margin-left: 0; } .span_1_of_4:nth-child(2n+1) { clear: left; margin-left: 0; } .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 100%; } .span_1_of_3 { width: 100%; margin-left: 0; } .span_1_of_3:nth-of-type(2n) { margin-left: 0; } .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 100%; } .col.span_1_of_2:nth-of-type(2) { margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } .staggered_layout .col.span_1_of_2:nth-of-type(2) { margin-top: 10px; border: none; padding: 0; } .border_top .col:nth-of-type(2) { border-top: 1px solid #E4E4E4; margin-top: 1%; padding: 28px 0; } .border_top .form-row.col:nth-of-type(2) { margin-top: 0; } .border_top .col { padding: 28px 0; } .container_column .col { margin-bottom: 3%; margin-top: 3%; } .container_column .col.span_1_of_2:first-child { margin-top: 0; } .col.span_1_of_2:nth-of-type(2n) { margin-left: 0; } .form_container .span_1_of_2:nth-child(2n+1) { margin-bottom: 0; } .form_container .span_1_of_2:nth-child(2n) { margin-top: 0; } h2, .section_title h2 { font-size: 30px; line-height: 36px; } .page_strip .span_3_of_4, .page_strip .span_11_of_16 { margin-top: 25px; } /* #region 8 Column Grid */ .span_4_of_8 { width: 100%; } .span_3_of_8 { width: 100%; } .span_2_of_8 { width: 100%; } .span_1_of_8 { width: 100%; } .col.span_1_of_8 { margin-left: 0; } .col.span_1_of_8 { margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } .col.span_1_of_8:nth-of-type(2) { margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; } /* #endregion */ /* #endregion */ /* #region 6 Columns */ .col.span_1_of_6, .col.span_1_of_6:nth-of-type(3n+1) { margin-left: 4%; } .col.span_1_of_6:nth-of-type(2n+1), .col.span_1_of_6:nth-of-type(4n+1) { margin-left: 0%; } .span_1_of_6 { width: 48%; } /* #endregion */ /* #region Gallery */ .gallery_image_size, .gallery_image, .col.span_1_of_6.gallery_image, .col.span_1_of_6.gallery_image:nth-of-type(3n+1) { width: 50%; margin: 0; border-left: 5px solid white; border-right: 5px solid white; border-bottom: 10px solid white; } /* #endregion */ /* #region Call to action */ .call-to-action .button_area .button { width: 100%; margin: 0; } .call-to-action .button_area .button:first-child { margin-bottom: 8px; } .call-to-action .button_area { padding-bottom: 20px; } /* #endregion */ /* #region Footer */ .footer_inner { padding: 20px 30px 0; } /* #endregion */ /* #region Blog Images Update */ .blog.post figure { max-width: 100%; } /* #endregion */ /* #region Logo Strip */ .logo_strip .col.span_1_of_2 { margin-top: 0; padding-top: 0; border: none; } .logo_strip .col.span_1_of_2.secure_trading_column { margin-top: 25px; } .logo_strip .secure_trading_column .image_container img { margin-top: 0; } .homepage_intro_section.purple.dark_purple_below { padding-bottom: 45px; } .homepage_intro_section .curve { bottom: 45px; } .curve_container.logo_strip { padding-bottom: 40px; } /* #endregion */ /* #region Filter Panel */ .col.filter_panel { margin-bottom: 0; } .col.jobs_list { margin-top: 0; } /* #endregion */ /* #region Footer Height */ /*.container { padding-bottom: 250px; } .footer_container { height: 250px; } .footer { margin: -250px auto 47px; } .footer { height: 250px; }*/ /* #endregion */ /* #region Type */ h2.intro { font-size: 18px; line-height: 1.6; } /* #endregion */ } @media only screen and (max-width: 530px) { /* #region Footer Height */ /*.container { padding-bottom: 275px; } .footer_container { height: 275px; } .footer { margin: -275px auto 47px; } .footer { height: 275px; }*/ /* #endregion */ .header .buttons { display: none; } } @media only screen and (max-width: 510px) { /*/* #region Updated Header *!/ span.hideable { display: none; } .search-area { display: none; } .left_header_items a { width: 33%; } .new_header .left_header_items { width: 100%; } .new_header .top_header_strip .left_header_items a { padding: 10px 0; } .new_header .top_header_strip .left_header_items a:first-child { border-left: none; } .new_header .top_header_strip .left_header_items a:last-child { border-right: none; } .new_header .strapline_strip { display: none; } .section_outer.header.new_header { border-bottom: 5px solid #ed3123; height: 130px; } .header_container { height: 130px; } /*.container { padding-top: 130px; }*!/ /* #endregion *!/*/ } @media only screen and (max-width: 475px) { /* #region General Styles */ .call-to-action h4 { font-size: 20px; line-height: 26px; } .flex-direction-nav { display: none; } .flexslider.column_slider { display: none; } .home .section_inner { padding: 0 25px; } .only_visible_below_foursevenfive { display: block; } .only_visible_above_foursevenfive { display: none; } .intro_section .section_background { margin-top: 25px; margin-bottom: 25px; } /* #endregion */ /* #region 4 Columns */ .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100% !important; } .col.span_1_of_4 { margin-top: 25px; margin-bottom: 25px; margin-left: 0; } .col.span_1_of_4:nth-child(1) { margin-top: 0; } .col.span_1_of_4:nth-child(2) { margin-top: 25px; } .col.span_1_of_4:nth-child(1), .col.span_1_of_4:nth-child(2), .col.span_1_of_4:nth-child(3), .col.span_1_of_4:nth-child(4) { width: 48.125%; margin-top: 0; border-top: 1px solid #ddd; padding-top: 35px; } .col.span_1_of_4:nth-child(1) { margin-top: 0; border-top: none; padding-top: 0; } /* #endregion */ /* #region Filter Panel */ .col.filter_panel { margin-bottom: 0; } .col.jobs_list { margin-top: 0; } /* #endregion */ /* #region Get in touch strip */ .get_in_touch_strip .span_1_of_4, .get_in_touch_strip .span_1_of_4:nth-child(1), .get_in_touch_strip .span_1_of_4:nth-child(2), .get_in_touch_strip .span_1_of_4:nth-child(3), .get_in_touch_strip .span_1_of_4:nth-child(4) { width: 100%; margin-left: 0; margin-top: 0; margin-bottom: 25px; padding-top: 0; border: none; } /* #endregion */ } @media only screen and (max-width: 450px) { /* #region General Styles */ .page_container { margin-top: 10px; } .header .buttons { display: none; } .header .phone .icon { top: 9px; } .flexslider_narrow .flex-caption { padding: 0 25px; } .no_feature_box .page_title { margin-top: 15px; margin-bottom: 25px; } /* #endregion */ /* #region Page Strips */ .page_strip .section_inner { padding: 0; } .page_strip .section_background, .page_strip .row.table_layout, .page_strip .span_1_of_4, .page_strip .col.span_1_of_4:nth-child(1), .page_strip .col.span_1_of_4:nth-child(2), .page_strip .span_5_of_16, .page_strip .col.span_5_of_16:nth-child(1), .page_strip .col.span_5_of_16:nth-child(2) { margin-top: 0; } .page_strip .section_background { margin-bottom: 35px; } .page_strip .span_3_of_4, .page_strip .span_11_of_16 { padding: 0 25px; } .page_strip .span_3_of_4.no_margin_top, .page_strip .span_11_of_16.no_margin_top { margin-top: 35px; } /* #endregion */ /* #region Type */ h2.section_heading, h2.section_heading a { font-size: 30px; line-height: 38px; letter-spacing: -0.75px; } /* #endregion */ } @media only screen and (max-width: 400px) { .col.span_1_of_6 { width: 100%; margin-left: 0; margin-bottom: 4%; } /* #region Gallery */ .gallery_image_size, .gallery_image, .col.span_1_of_6.gallery_image_size, .col.span_1_of_6.gallery_image, .col.span_1_of_6.gallery_image:nth-of-type(3n+1) { width: 50%; margin: 0; border-left: 5px solid white; border-right: 5px solid white; border-bottom: 10px solid white; } /* #endregion */ .section_inner { padding-left: 5%; padding-right: 5%; } .home .section_inner { padding: 0 20px; } .col.span_1_of_4.image_container:first-child { margin-top: 0; } .col.span_1_of_4.image_container:last-child { margin-bottom: 0; } .col.span_1_of_4.image_container, .col.span_1_of_4.image_container:nth-of-type(2n) { width: 100%; margin-left: 0; } /* #region Type */ h1, .page_image h1 { font-size: 35px; } .page_image h1 { padding: 0 20px; } h2.intro { font-size: 16px; line-height: 24px; } h3.subtitle { font-size: 22px; line-height: 32px; } /* #endregion */ /*.mobile_menu_label { top: -9px; }*/ /* #region Page Strips */ .page_strip .section_inner { padding: 0; } /* #endregion */ /* #region Footer Height */ /*.container { padding-bottom: 300px; } .footer_container { height: 300px; } .footer { margin: -300px auto 47px; } .footer { height: 300px; }*/ /* #endregion */ } @media only screen and (max-width: 375px) { a.mobile_menu_button { padding-left: 22px; padding-right: 22px; } /* #region Page Image */ .page_image { max-width: 100%; } /* #endregion */ } @media only screen and (max-width: 350px) { /* #region Footer Height */ /*.container { padding-bottom: 350px; } .footer_container { height: 350px; } .footer { margin: -350px auto 47px; } .footer { height: 350px; }*/ /* #endregion */ } /* #endregion */