/* main.css (consolidated) */ /* Theme Name: Disillusion Responsive Wordpress Theme Description: Disillusion Responsive Wordpress Theme Version: 1.3.7 Author: PixelThrone Author URI: http://themeforest.net/user/pixelthrone Theme URI: http://themeforest.net/item/disillusion-responsive-one-page-wordpress-theme/4077030 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /*! * Bootstrap v2.3.0 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1} .clearfix:before,.clearfix:after{display:table;line-height:0;content:""} .clearfix:after{clear:both} footer,header,nav,section{display:block} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} a:hover,a:active{outline:0} img{width:auto\9;/*height:auto;*/max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic} button{margin:0;font-size:100%;vertical-align:middle} button{*overflow:visible;line-height:normal} button::-moz-focus-inner{padding:0;border:0} button{cursor:pointer;-webkit-appearance:button} label,button{cursor:pointer} @media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important} a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}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}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;background-color:#fff}a{color:#08c;text-decoration:none} /*a:hover,a:focus{color:#005580;text-decoration:underline}*/ a:hover,a:focus{color:#FFF;text-decoration:none}[class*="span"]{float:left;min-height:1px;margin-left:20px} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;line-height:0;content:""}.container:after{clear:both}p{margin:0 0 10px}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px} /*ul,ol{padding:0;margin:0 0 10px 25px}*/ ul,ol{padding:0;margin:0 0 10px 0px} ul ul,ul ol,ol ol,ol ul{margin-bottom:0} li{line-height:20px}hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff} form{margin:0 0 20px} label,button{font-size:14px;font-weight:normal;line-height:20px} button{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px} /* TEXT AREA EDITS (original) textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s} */[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:none;background-position:14px 14px;background-repeat:no-repeat}.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"]{background-image:none;}.dropdown{position:relative}.dropdown-toggle{*margin-bottom:-3px}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none;background-color:#0081c2;background-image:-moz-linear-gradient(top,#08c,#0077b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));background-image:-webkit-linear-gradient(top,#08c,#0077b3);background-image:-o-linear-gradient(top,#08c,#0077b3);background-image:linear-gradient(to bottom,#08c,#0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#0081c2;background-image:-moz-linear-gradient(top,#08c,#0077b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));background-image:-webkit-linear-gradient(top,#08c,#0077b3);background-image:-o-linear-gradient(top,#08c,#0077b3);background-image:linear-gradient(to bottom,#08c,#0077b3);background-repeat:repeat-x;outline:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)}.open{*z-index:1000}.open>.dropdown-menu{display:block}.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapse.in{height:auto}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.btn{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;*margin-left:.3em;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;*border:0;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.btn:hover,.btn:focus,.btn:active,.btn.active{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}.btn:active,.btn.active{background-color:#ccc \9}.btn:first-child{*margin-left:0}.btn:hover,.btn:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}button.btn{*padding-top:3px;*padding-bottom:3px}button.btn::-moz-focus-inner{padding:0;border:0}.nav{margin-bottom:20px;margin-left:0;list-style:none}.nav>li>a{display:block}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li>a>img{max-width:none}.nav-pills{*zoom:1}.nav-pills:before,.nav-pills:after{display:table;line-height:0;content:""}.nav-pills:after{clear:both}.nav-pills>li{float:left}.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#fff;background-color:#08c}.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer}.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#fff;background-color:#999;border-color:#999}.navbar{*position:relative;*z-index:2;margin-bottom:20px;overflow:visible} .navbar-inner{ min-height:40px; padding-right:20px; padding-left:20px; background-color:#fafafa; background-image:-moz-linear-gradient(top,#fff,#f2f2f2); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2)); background-image:-webkit-linear-gradient(top,#fff,#f2f2f2); background-image:-o-linear-gradient(top,#fff,#f2f2f2); background-image:linear-gradient(to bottom,#fff,#f2f2f2); background-repeat:repeat-x; border:1px solid #d4d4d4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0); */ *zoom:1; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.065); /* box-shadow:0 1px 4px rgba(0,0,0,0.065); */ } .navbar-inner:before,.navbar-inner:after{display:table;line-height:0;content:""} .navbar-inner:after{clear:both}.navbar .container{width:auto}.nav-collapse.collapse{height:auto;overflow:visible} .navbar .brand{display:block;float:left;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777;text-shadow:0 1px 0 #fff} .navbar .brand:hover,.navbar .brand:focus{text-decoration:none} .navbar .btn{margin-top:5px} .navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0} .navbar-fixed-top .navbar-inner{border-width:0 0 1px} .navbar-fixed-bottom .navbar-inner{border-width:1px 0 0} .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-right:0;padding-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px} .navbar-fixed-top{top:0} /* *** Remove Menu Drop Shadow **** .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,0.1);box-shadow:0 1px 10px rgba(0,0,0,0.1)} */ .navbar-fixed-bottom{bottom:0} .navbar-fixed-bottom .navbar-inner{-webkit-box-shadow:0 -1px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 -1px 10px rgba(0,0,0,0.1);box-shadow:0 -1px 10px rgba(0,0,0,0.1)} .navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0} .navbar .nav>li{float:left} .navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777;text-decoration:none;text-shadow:0 1px 0 #fff}.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{color:#333;text-decoration:none;background-color:transparent}.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#555;text-decoration:none;background-color:#e5e5e5;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);box-shadow:inset 0 3px 8px rgba(0,0,0,0.125)}.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-right:5px;margin-left:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#ededed;*background-color:#e5e5e5;background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5);background-repeat:repeat-x;border-color:#e5e5e5 #e5e5e5 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075)}.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active,.navbar .btn-navbar.active{color:#fff;background-color:#e5e5e5;*background-color:#d9d9d9}.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#ccc \9}.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}.btn-navbar .icon-bar+.icon-bar{margin-top:3px}.navbar .nav>li>.dropdown-menu:before{position:absolute;top:-7px;left:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}.navbar .nav>li>.dropdown-menu:after{position:absolute;top:-6px;left:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.navbar-fixed-bottom .nav>li>.dropdown-menu:before{top:auto;bottom:-7px;border-top:7px solid #ccc;border-bottom:0;border-top-color:rgba(0,0,0,0.2)}.navbar-fixed-bottom .nav>li>.dropdown-menu:after{top:auto;bottom:-6px;border-top:6px solid #fff;border-bottom:0}.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{color:#555;background-color:#e5e5e5}.media{overflow:hidden;*overflow:visible;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.label{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#999}.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.label:empty{display:none}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .label{position:relative;top:-1px}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.accordion-heading{border-bottom:0} /*! * Bootstrap Responsive v2.3.0 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}@media(min-width:768px) and (max-width:979px){[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom{margin-right:-20px;margin-left:-20px}.container{width:auto}[class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}} /* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body{-webkit-backface-visibility:hidden}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}} ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; } /* Fonts */ @font-face { font-family: 'entypo'; src: url('https://s3.amazonaws.com/pixelthrone/fonts/entypo/entypo.eot'); src: url('https://s3.amazonaws.com/pixelthrone/fonts/entypo/entypo.eot?#iefix') format('embedded-opentype'), url('https://s3.amazonaws.com/pixelthrone/fonts/entypo/entypo.woff') format('woff'), url('https://s3.amazonaws.com/pixelthrone/fonts/entypo/entypo.ttf') format('truetype'), url('https://s3.amazonaws.com/pixelthrone/fonts/entypo/entypo.svg#entypo') format('svg'); font-weight: normal; font-style: normal; } /* Generic */ body { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color:#000; } button { font-family: 'Source Sans Pro', sans-serif; } /* Typography */ /*a, a:link, a:visited, a:active, a:hover {color:#000;}*/ a, a:hover {color:#000;} h1 { font-size: 40px; font-weight: 300; line-height: 75px; margin: 0; } h2 { font-size: 57px; font-weight: normal; line-height: 63px; margin: 0 0 10px 0;} h3 { font-size: 25px; line-height: 32px; margin: 0 0 10px 0; font-weight: 300; } h4 { font-size: 18px; font-weight: normal; font-style: italic; margin: 0 0 10px 0; } h5 { font-size: 16px; } h6 { font-size: 13px; font-weight: normal; line-height: 100%; font-style: italic; } .text-white { color:#fff; } .text-black { color:#000; } a.link-big, a.link-big:visited, a.link-big:link { font-size: 30px; font-weight: bold; display:block; text-decoration: none; color:#000; line-height: 1} /* Pages / Blocks */ .page { padding: 60px 0; } .home-header{ height:450px; background-position: center center; text-align: center; color:#fff; position: relative; margin-bottom: 30px; margin-top: -28px;} .home-header section{ top: 130px; position: absolute; left:0; right:0; } /* Page Home */ /*.page:first-of-type { padding-top: 0px;}*/ /* Nav Header */ .navbar { color: #000; } /*.navbar-inner { border:none; background: transparent; background-color: #fff; background-color: rgba(255,255,255,0.95); } */ *.navbar-inner { border:none; background: none repeat scroll 0% 0% rgb(0, 144, 9); } /*.navbar .brand { padding-top: 40px; padding-bottom: 40px; font-size: 36px; color: #333; font-weight: 600; } */ .navbar .brand { padding-top: 16px; padding-bottom: 20px; font-size: 36px; color: #333; font-weight: 600; } /*.navbar .brand img { height:100px; }*/ .navbar .nav { float: right; } .navbar .nav > li > a { color:#000; font-size: 21px; padding: 50px 10px 20px 10px; position: relative; text-shadow: none; } .navbar .nav > li > a:before { content: ''; position: absolute; width: 2px; height: 24px; top:14px; left:50%; background: transparent; margin-left: -1px; } .navbar .nav > li > a:hover { color:#FFF !important; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent;} .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav li.dropdown.active > .dropdown-toggle { color:#fff; box-shadow: none; text-shadow: none; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} header .dropdown-menu{ border:none; box-shadow: 0px 5px 5px rgba(0,0,0,0.25); top:90%; } header .dropdown-menu li > a { color:#fff; font-size: 18px; text-align: center; padding: 10px 10px;} header .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { background-color: transparent; color:#000; background: transparent;} .navbar .nav > li > .dropdown-menu:before{ display: none;} .navbar .nav > li > .dropdown-menu:after{ border-right: 7px solid transparent; border-left: 7px solid transparent; left:10px; top:-7px; } .navbar .btn-navbar, .navbar .btn-navbar:hover{ background: #000} /* Page Works */ .portfolio-image {position:relative;} .portfolio-image:after {content:'+'; position:absolute; top:0;left:0;right:0;bottom:0; text-align: center; font-size: 100px; font-weight: bold; line-height: 150px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .portfolio-item-detail h2 {float:left; height:auto; overflow: inherit;} .portfolio-item-detail a.close, .blog-item-detail a.close {height:50px; width:50px; line-height: 50px; color:#000; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; text-align: center; border-radius:25px; font-weight: normal; float:left; margin:10px 0 0 10px; text-shadow: none; font-size:22px;} .portfolio-item-detail a.close:hover, .blog-item-detail a.close:hover { color:#fff;} .portfolio-item-detail { padding: 60px 0; background:#fff;} .portfolio-item-detail header { margin-bottom: 20px;} /*.slideshow-portfolio-item-detail.flexslider {margin-bottom: 50px;}*/ .portfolio-item-detail h4 {line-height: 30px;} .client-testimonials .client a {display:block;} .client-testimonials .client img {display:block; width:60px; border-radius: 30px; position:relative; z-index: 3} .client-testimonials .client { position:relative;z-index: 1; margin-top:5px;} .client-testimonials .client:before {content:''; width:62px;height:62px;position:absolute;z-index: 2;border-radius: 31px; top:-1px;left:-1px; background:#eee;} .client-testimonials .client:hover:before {width:64px;height:64px;top:-2px;left:-2px;border-radius: 32px;} .portfolio-item-detail .bx-controls-direction { display: block; } .bx-controls-direction { position: absolute; bottom:30px; left:0; right:0; text-align: center; z-index: 99;} .bx-controls-direction a, .slideshow-left-nav a { display: inline-block; width:70px; height:70px; background:#666; text-indent: -9999px; line-height: 1; border-radius: 35px; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";position: relative; } .bx-controls-direction a:hover, .slideshow-left-nav a:hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; text-decoration: none;} .bx-controls-direction a:before, .slideshow-left-nav a:before { font-family: "entypo"; position:absolute; top:10px; left:10px; width:50px; height:50px; font-size:25px; color:#fff; z-index: 2; text-indent: 0; line-height: 50px; } .slideshow-left-nav { position: absolute; top:130px; left:0; right:0; text-align: center; z-index: 99; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} /* FLEX NAV SLIDE ARROWS */ /* ul.flex-direction-nav { position:absolute; top:50%; left:0; right:0;margin-top:-30px; height:70px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .flexslider:hover ul.flex-direction-nav { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .flex-direction-nav .flex-prev:before { content:'\E75D'; } .flex-direction-nav .flex-next:before { content:'\E75E'; } .flex-direction-nav a { display: inline-block; width:70px; height:70px; background:#666; text-indent: -9999px; line-height: 1; border-radius: 35px; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; position: absolute; } .flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before { font-family: "entypo"; position:absolute; top:10px; left:10px; width:50px; height:50px; font-size:25px; color:#fff; z-index: 2; text-indent: 0; line-height: 50px; text-align: center;} .flex-direction-nav .flex-prev{ left: 50%; margin-left:-65px; } .flex-direction-nav .flex-next{ left: 50%; margin-left:-5px; } .flex-direction-nav a:hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; text-decoration: none; } */ /* Page Blog */ .blog-post {border: 2px solid #e8e8e8;background:#fff;padding:13px;} .blog-post:hover { box-shadow: 0px 2px 15px rgba(0,0,0,0.25); border-color:#fff;} .blog-post header { margin: 30px 15px; } .blog-post .content { color:rgba(0,0,0,0.80); height:100px; position: relative; overflow:hidden; } .blog-post .content:after { content:''; position: absolute; height:42px; bottom:0;left:0;right:0; background: url(img/text-mask.png);} .blog-item-detail { margin-top: 50px; margin-bottom: 50px; } .blog-item-detail header a.close { float:right; display:block; } .blog-item-detail header { padding-left:15px; margin-bottom:30px; } .comments h4 { opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; margin-bottom: 20px; } #commentform { margin-top:20px;} /* Contact Page */ section.contact {position: relative;} .contact {/*min-height: 800px;*/} .contact .container {position:relative;z-index: 2;} .contact-form button, #commentform #submit {background:#fff;height:140px;border-radius:4px; } .contact-form button:hover, #commentform #submit:hover { color:#fff;} /* Footer */ footer { background: #fff; text-align: center; position: relative; z-index: 2} footer .tweet_list {list-style-type: none; margin:0 auto; padding:0; position:relative; padding-top: 50px; max-width: 600px; } footer .tweet_list li { display: inline-block; text-align: center;} footer .tweet_list .tweet_text { font-size:20px; font-weight: 300; display:block; margin-bottom:10px;} footer section { /* padding-top: 60px; padding-top:30px; */ } footer .copyright { padding-bottom:60px;} /* Shortcodes page */ /* Components */ /*.slideshow-laptop .flex-control-paging*/ .nav-pills > li > a{border-radius:3px;border:1px solid #c6c6c6;color:#000;color:rgba(0,0,0,0.8);font-weight:700;margin-left:4px;margin-right:4px;box-shadow:1px 1px 1px rgba(0,0,0,0.20);} .nav-pills > li > a:hover{background:none;padding:17px 12px;margin-top:-7px;} .nav-pills > li.active > a,.nav-pills > li.active > a:hover{padding:8px 12px;margin-top:2px;box-shadow:none;} #lightwindow{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff; overflow-x: auto;overflow-y: scroll;-webkit-perspective: 1000;background:rgba(255,255,255,0.95);z-index:9999;display:none;} #lightwindow-content{display:none;} /* Social Networks */ li.facebook a { background-position: -320px 0 !important;} li.twitter a { background-position: -240px 0 !important;} .accordion-heading a { font-size: 15px;} .btn-solid, .btn-solid:hover, .btn-solid:link, .btn-solid:visited, .btn-solid:active { border:none; color:#fff; text-shadow:none;} .home-header .link { padding: 8px 30px; line-height: 1; display: inline-block; border:1px solid #fff;color:#fff; border-radius: 35px; margin:20px 10px 0 10px; font-size: 16px; font-weight: bold;} .home-header .link:hover { background: #fff; text-decoration: none; } /* Misc */ .relative { position: relative; } /* Transition */ a, .portfolio-image:after, .blog-post, .client-testimonials .client:before, .bx-controls-direction a, .slideshow-left-nav, .contact-form button, #commentform #submit /*.flex-caption*/ { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; } /* Thid Party */ /* Isotope Filtering */ /* Pretty Photo */ /* Flexslider */ /* .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0} .slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none} .flexslider{margin:0;padding:0;position:relative} .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} .flex-control-paging{text-align:center;margin-top:20px} .flex-control-paging li{display:inline-block;width:10px;height:11px;margin:0 5px;line-height:11px; position: relative; } .flex-control-paging li a{display:block;text-indent:-9999px;background:#ccc;width:5px;height:5px;border-radius:3px;line-height:11px;margin:0px auto 0 auto;cursor:pointer; position: absolute; left:2px;top:3px;} .flex-control-paging li a.flex-active{width:10px;height:10px;border-radius:5px;margin-top:0;top:0;left:0;} .flexslider iframe { width:100%;} */ /*.fullslideshow .flex-control-paging*/ /* Default Widgets */ /* Calendar */ /* WordPress Core */.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto 5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto} /* JS Composer */ div.wpb_content_element { margin: 0} /* Validation */ /* IE */ .lt-ie9 .bx-controls-direction a:before, .lt-ie9 .slideshow-left-nav a:before/*, .lt-ie9 .flex-direction-nav .flex-prev:before, .lt-ie9 .flex-direction-nav .flex-next:before*/ {text-align: center; line-height: 30px } /* .lt-ie9 .flex-control-paging li a { background: url(img/slideshow-bullets.png) no-repeat -23px -33px; } .lt-ie9 .flex-control-paging li a.flex-active { background: url(img/slideshow-bullets.png) no-repeat 0 -30px; } */ /* mediaqueries */ /* Media Queries */ /* Large Desktop */ /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { h2 {font-size: 48px; line-height: 44px;} .navbar-fixed-top {margin-bottom: 0;} /*.page:first-of-type {padding-top:0; margin-top: 0 !important;}*/ .portfolio-item-detail h4 { font-size: 16px; line-height: 25px;} .portfolio-image:after {top:-21px;} .portfolio-item-detail { padding:30px 0; } .portfolio-item-detail a.close { margin-top: -5px;} .client-testimonials .client:before, .client-testimonials .client:hover:before { width:46px; height:46px;} a.link-big, a.link-big:hover, a.link-big:visited, a.link-big:link { font-size:24px;} .blog-item-detail a.close { width: 36px; height:36px; line-height: 36px; } .slideshow-left-nav, ul.flex-direction-nav {opacity: 1;} } @media (max-width: 979px) { .navbar { color: #777; } .navbar-fixed-top .navbar-inner { box-shadow: none; } .navbar-inner { border:none; background-color: #fff; background: #fff; } .navbar .brand { padding: 10px 20px 0px 0; font-size: 30px;} .navbar .nav { float: none; text-align: center;} .navbar .nav > li > a { color:#777; font-size: 14px; padding: 10px 15px 10px; position: relative; text-shadow: none; } .navbar .nav > li > a:before { display: none; } .navbar-fixed-top, .navbar-fixed-bottom {position: relative; z-index: 3; } header .dropdown-menu li > a { font-size: 14px; font-style: italic;} /*.page:first-of-type { margin-top: 0; }*/ .page { min-height: auto !important; } .nav-collapse .dropdown-menu { display: block; border-bottom: 1px solid #ddd; } } /* Landscape phone */ @media (max-width: 767px) { body { padding-right: 0; padding-left: 0; } /*.navbar .brand { width: 150px; position: relative; left: 50%; margin-left: -75px; padding-left: 0; padding-right: 0}*/ .navbar-fixed-top {margin-bottom: 0; margin-left: 0; margin-right: 0; } .navbar-fixed-top .navbar-inner { padding: 5px 20px} /*.page:first-of-type {padding-top:0;}*/ .page.contact { padding-left:0px; padding-right: 0px;} .page, .blog-item-detail .container, .page.contact .container { padding-left:20px; padding-right: 20px;} .page.home { padding-left:0px; padding-right: 0px;} h2 {font-size: 40px; line-height: 44px; margin-bottom: 20px;} .home-header section { top: 20px;} .about h6 {text-align: center;} .portfolio-image { display: none;} .blog-item-detail a.close { width: 36px; height:36px; line-height: 36px; } .portfolio-item-detail a.close { margin-top: 0px;} .slideshow-left-nav, ul.flex-direction-nav {opacity: 1;} ul.flex-direction-nav, .slideshow-left-nav { top: auto; bottom:10px; margin-top:0;} .blog-item-detail a.close { margin-top: 0} a.link-big, a.link-big:hover, a.link-big:visited, a.link-big:link { font-size:20px;} footer .tweet_list{max-width: 400px;} .vc_row-fluid .vc_span4, .vc_row-fluid .vc_span8, .vc_row-fluid .vc_span12 { width: 100% !important; display: block !important; margin-left: 0 !important; float: none !important; /* text-align: center; */ } .contact .vc_row-fluid [class*="vc_span"] { text-align: left; } } @media (max-width: 480px) { /*.page:first-of-type {padding-top:20px;}*/ .blog-item-detail header { padding: 0;} footer .tweet_list { max-width: 460px; } .flex-direction-nav { display: none; } h3 { font-size: 18px; line-height: 26px;} } @media (max-width: 320px) { } /* Simple slider (replacement for FlexSlider) */ .wpb_gallery_slides { margin-top: 10px; } .wpb_flexslider { position: relative; overflow: hidden; border-radius: 3px; background: #fff; } .wpb_flexslider ul.slides { display:flex; padding:0; margin:0; list-style:none; transition: transform 350ms ease; will-change: transform; } .wpb_flexslider ul.slides > li { min-width:100%; } .wpb_flexslider ul.slides img { width:100%; height:auto; display:block; } .wpb_flexslider .cthc-arrow{ position:absolute; top:50%; transform: translateY(-50%); width:34px; height:34px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.18); background: rgba(255,255,255,0.88); cursor:pointer; } .wpb_flexslider .cthc-arrow.prev { left: 10px; } .wpb_flexslider .cthc-arrow.next { right: 10px; } .wpb_flexslider .cthc-arrow:after{ content:''; display:block; width:10px; height:10px; border-top:2px solid rgba(0,0,0,0.55); border-right:2px solid rgba(0,0,0,0.55); position:absolute; top:50%; left:50%; } .wpb_flexslider .cthc-arrow.prev:after{ transform: translate(-35%,-50%) rotate(-135deg); } .wpb_flexslider .cthc-arrow.next:after{ transform: translate(-65%,-50%) rotate(45deg); } .wpb_flexslider .cthc-dots{ display:flex; gap:10px; justify-content:center; padding:14px 0 0; } /* Dots are appended to the gallery wrapper in this static build, so style them globally too */ .cthc-dots{ display:flex; gap:10px; justify-content:center; width:100%; padding:14px 0 0; } .wpb_flexslider .cthc-dot{ width:10px; height:10px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.25); background: rgba(0,0,0,0.12); cursor:pointer; } .wpb_flexslider .cthc-dot.active{ background: rgba(0,0,0,0.55); } .cthc-dot{ width:10px; height:10px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.25); background: rgba(0,0,0,0.12); cursor:pointer; } .cthc-dot.active{ background: rgba(0,0,0,0.55); } /* Lightweight lightbox (used for the product carousel) */ .cthc-lightbox{ position: fixed; inset: 0; background: rgba(0,0,0,0.86); display:none; align-items:center; justify-content:center; padding: 28px; z-index: 100000; } .cthc-lightbox.open{ display:flex; } .cthc-lightbox-img{ max-width: min(1200px, 100%); max-height: calc(100vh - 56px); width: auto; height: auto; box-shadow: 0 12px 40px rgba(0,0,0,0.55); } .cthc-lightbox-close{ position: absolute; top: 16px; right: 18px; width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.35); background: rgba(255,255,255,0.12); color: #fff; font-size: 28px; line-height: 42px; cursor: pointer; } .cthc-lightbox-open{ overflow: hidden; } /* Custom layout fixes for Netlify static version */ html { scroll-behavior: smooth; } body { overflow-x: hidden; } /* Ensure VC rows behave like the original grid even if some legacy styles fail */ .vc_row-fluid { display: flex; flex-wrap: wrap; } .vc_row-fluid:before, .vc_row-fluid:after { content: none !important; } /* Default spans */ .vc_span12 { flex: 0 0 100%; max-width: 100%; } .vc_span8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .vc_span4 { flex: 0 0 33.3333%; max-width: 33.3333%; } @media (max-width: 767px){ .vc_span8, .vc_span4 { flex: 0 0 100%; max-width: 100%; } } /* ABOUT: right-side media stack (molecule top, bottle under) */ #about .about-right-media{ display:flex; flex-direction:column; align-items:flex-end; gap:28px; padding-top: 10px; } #about img.about-molecule{ max-width: 340px; width: 100%; height: auto; opacity: 0.95; } #about img.about-bottle-top{ max-width: 240px; width: 100%; height: auto; } /* Make sure about text doesn't run under the media column */ #about .vc_span8 { padding-right: 24px; } @media (max-width: 767px){ #about .about-right-media{ align-items:center; } } /* PROBLEM: align bottle bottom so it visually continues */ #problem img.problem-bottle{ float:right; margin-top: -165px; /* pulls upward to meet the top half */ margin-right: 0; margin-left: 25px; height:auto; max-width: 240px; } @media (max-width: 767px){ #problem img.problem-bottle{ float:none; display:block; margin: 20px auto 0; max-width: 220px; } } /* Cause for Concern row spacing */ #problem h3 { margin-top: 0; } /* Retail Products: keep text left, slider right on desktop */ #problem .retail-row{ display:flex; gap: 30px; align-items:flex-start; } #problem .retail-copy{ flex: 0 0 33.3333%; max-width: 33.3333%; } #problem .retail-slider{ flex: 0 0 66.6667%; max-width: 66.6667%; } @media (max-width: 767px){ #problem .retail-row{ display:block; } #problem .retail-copy, #problem .retail-slider{ max-width:100%; } } /* SYSTEM: float key images similar to original */ #solution .system-top{ display:flex; gap: 30px; align-items:flex-start; } #solution .system-top .system-copy{ flex: 0 0 55%; max-width:55%; } #solution .system-top .system-hero{ flex: 0 0 45%; max-width:45%; text-align:right; } #solution .system-top .system-hero img{ max-width: 520px; width:100%; height:auto; } #solution .system-layout{ display:flex; gap: 30px; align-items:flex-start; margin-top: 30px; } #solution .system-layout .system-layout-img{ flex:0 0 66.6667%; max-width:66.6667%; } #solution .system-layout .system-layout-copy{ flex:0 0 33.3333%; max-width:33.3333%; } #solution .system-layout .system-layout-img img{ width:100%; height:auto; max-width: 820px; } @media (max-width: 767px){ #solution .system-top, #solution .system-layout{ display:block; } #solution .system-top .system-hero{ text-align:center; margin-top: 15px; } } /* APPLICATION: text left, image right */ /* Prevent fixed header from covering anchors */ section[id] { scroll-margin-top: 110px; } /* === SixAbove static cleanup overrides (v4) === */ /* Fixed navbar: give the page room so headings don't hide behind it */ body{ padding-top: 110px !important; } /* Wider desktop container */ @media (min-width: 1200px){ .container{ width: 1100px; } } /* Restore Visual Composer columns on desktop (they were globally forced to 100%) */ @media (min-width: 768px){ .vc_row-fluid{ width:100%; *zoom:1; } .vc_row-fluid:before, .vc_row-fluid:after{ display: table; content:""; line-height:0; } .vc_row-fluid:after{ clear: both; } .vc_row-fluid .vc_span12{ width:100% !important; float:left !important; display:block !important; margin-left:0 !important; text-align:left !important; } .vc_row-fluid .vc_span8{ width:66.6667% !important; float:left !important; display:block !important; margin-left:0 !important; text-align:left !important; } .vc_row-fluid .vc_span4{ width:33.3333% !important; float:left !important; display:block !important; margin-left:0 !important; text-align:left !important; } /* small gutter */ .vc_row-fluid > [class*="vc_span"]{ padding-right: 20px; box-sizing: border-box; } .vc_row-fluid > [class*="vc_span"]:last-child{ padding-right: 0; } } /* ABOUT + PROBLEM seam: remove vertical padding so bottle pieces meet cleanly */ #about.page{ padding-top: 0 !important; padding-bottom: 0 !important; } #problem.page{ padding-top: 0 !important; } #about .container, #problem .container{ padding-left: 20px; padding-right: 20px; } /* Top green section media: molecule above bottle, bottle anchored to section bottom */ #about .about-right-media{ position: relative; min-height: 520px; } #about .about-molecule{ display:block; margin-left:auto; margin-right:0; margin-top: 10px; max-width: 100%; height:auto; } #about .about-bottle-top{ position:absolute; right:0; bottom:0; width: 240px; height:auto; } /* Problem bottle bottom: anchor to top-right so it aligns with bottle top */ #problem .problem-bottle{ float:none !important; position:absolute; right:0; top:0; width: 240px; height:auto; } /* Retail slider area: keep in a row with copy left, slider right on desktop */ @media (min-width: 768px){ #problem .retail-row{ margin-top: 10px; } #problem .retail-copy{ width:33.3333% !important; } #problem .retail-slider{ width:66.6667% !important; } } /* The System section: match original two-part layout */ @media (min-width: 768px){ #solution .system-top{ display:flex; gap: 30px; align-items:flex-start; } #solution .system-top .system-copy{ flex: 0 0 45%; max-width:45%; } #solution .system-top .system-hero{ flex: 0 0 55%; max-width:55%; text-align:right; } #solution .system-top .system-hero img{ max-width:100%; height:auto; } #solution .system-layout{ display:flex; gap: 30px; align-items:flex-start; margin-top: 20px; } #solution .system-layout .system-layout-img{ flex: 0 0 66.6667%; max-width:66.6667%; } #solution .system-layout .system-layout-copy{ flex: 0 0 33.3333%; max-width:33.3333%; } #solution .system-layout img{ width:100%; height:auto; } } @media (max-width: 767px){ #about .about-right-media{ min-height: auto; text-align:center; } #about .about-bottle-top{ position: static; width: 220px; margin: 10px auto 0; } #problem .problem-bottle{ position: static; width: 220px; display:block; margin: 10px auto; } } /* Contact section styling */ #contact.page{ background:#000; color:#fff; padding: 60px 0; } #contact h2{ font-size: 48px; line-height: 1.05; margin: 0 0 18px 0; color:#fff; } #contact p{ font-size: 18px; line-height: 1.55; margin: 0 0 14px 0; } /* Prevent fixed header from covering anchors */ section[id]{ scroll-margin-top: 120px; } /* About section: let media sit tighter to right edge while keeping text padded */ #about .container{ padding-left:0 !important; padding-right:0 !important; } /* ===== Overrides to restore original WPBakery float grid (desktop) ===== */ :root{ --nav-h: 90px; --container-w: 1200px; } header.navbar.navbar-fixed-top{ height: var(--nav-h); } header.navbar.navbar-fixed-top .navbar-inner{ min-height: var(--nav-h); } body{ padding-top: 0 !important; } /* Give sections space under fixed header WITHOUT creating a white gap */ #about{ padding-top: var(--nav-h); } section[id]{ scroll-margin-top: var(--nav-h); } /* Match header container width to body width */ @media (min-width: 1200px){ .container{ width: var(--container-w) !important; } .navbar .container{ width: var(--container-w) !important; } } /* Force VC fluid row columns to behave (the old theme hard-set widths to 100% with !important) */ .vc_row-fluid{ width:100%; } .vc_row-fluid:before, .vc_row-fluid:after{ display: table; content:""; line-height:0; } .vc_row-fluid:after{ clear: both; } @media (min-width: 768px){ .vc_row-fluid [class*="vc_span"]{ float:left !important; display:block !important; margin-left: 2.127659574% !important; text-align: left !important; } .vc_row-fluid [class*="vc_span"]:first-child{ margin-left:0 !important; } .vc_row-fluid .vc_span4{ width:31.914893617% !important; max-width:none !important; flex: none !important; } .vc_row-fluid .vc_span8{ width:65.957446809% !important; max-width:none !important; flex: none !important; } .vc_row-fluid .vc_span12{ width:100% !important; max-width:none !important; flex: none !important; } } /* ABOUT hero: place molecule above bottle and pin bottle top to bottom of section */ #about{ position: relative; overflow: visible; margin-top: 0 !important; } #about .about-right-media{ position: relative; min-height: 520px; } #about img.about-molecule{ position: absolute; right: 0; top: 170px; max-width: 340px; width: auto; height: auto; } #about img.about-bottle-top{ position: absolute; right: 0; bottom: -1px; max-width: 260px; width: auto; height: auto; z-index: 2; } /* PROBLEM: pin bottle bottom to top of section so it seams with about */ #problem{ position: relative; padding-top: 0 !important; } /* Remove excess left padding on sections called out #solution .container, #system .container{ padding-left: 0 !important; padding-right: 0 !important; } */ /* Contact section (below footer) */ #contact{ background:#000; color:#fff; padding: 70px 0; } #contact h2{ color:#fff; margin: 0 0 18px; font-size: 40px; line-height:1.15; } #contact p{ color:#fff; font-size: 20px; line-height:1.6; } #contact a{ color:#fff; text-decoration: underline; } /* Mobile: disable absolute positioning so images stack nicely */ @media (max-width: 767px){ #about{ padding-top: calc(var(--nav-h) + 10px); } #about .about-right-media{ min-height: 0; padding-top: 20px; } #about img.about-molecule, #about img.about-bottle-top{ position: static; max-width: 320px; width: 100%; margin: 18px auto 0; display: block; } } /* === v6 layout fixes === */ :root{ --navH: 96px; } /* Make sure headings match original scale */ h1{ font-size:60px !important; line-height:1.05 !important; margin-top:0 !important; } /* Anchor scrolling offset for fixed header */ section.page{ scroll-margin-top: calc(var(--navH) + 20px); } /* Ensure first section content clears the fixed nav */ #about.page.about{ padding-top: calc(var(--navH) + 30px) !important; margin-top:0 !important; } /* Keep header + content widths consistent */ header.navbar-fixed-top .navbar-inner{ width:100%; } header.navbar-fixed-top .navbar-inner .container{ max-width:1200px; } /* HERO media positioning */ #about .about-right-media{ position:relative; min-height: 560px; } #about .about-molecule{ position:absolute; right: 190px; top: 150px; z-index:1; } #about .about-bottle{ position:absolute; right: 0; bottom: -240px; /* extend into the next (problem) section */ width: 320px; height:auto; z-index:2; pointer-events:none; } /* Give the problem section breathing room so the bottle doesn't collide with the headline */ #problem.page.problem{ padding-top: 90px !important; } /* Retail products: keep slider to the right on desktop */ #problem .retail-row{ flex-wrap: nowrap; } #problem .retail-copy{ flex: 0 0 calc(33.3333% - 15px); max-width: calc(33.3333% - 15px); } #problem .retail-slider{ flex: 0 0 calc(66.6667% - 15px); max-width: calc(66.6667% - 15px); } /* Solution/system: ensure the main column can actually span full container */ #solution .vc_span8.wpb_column.column_container{ width:100% !important; max-width:100% !important; float:none !important; } /* Remove extra left padding in the “Specifications/System elements/Application” area */ #solution .wpb_row, #solution .wpb_column{ margin-left:0 !important; padding-left:0 !important; } /* Footer + Contact should match site width */ footer .container, #contact .container{ max-width:1200px; } /* Mobile safety: stop absolute overlaps */ @media (max-width: 767px){ :root{ --navH: 72px; } #about .about-right-media{ min-height: 0; } #about .about-molecule, #about .about-bottle{ position:static; width:100%; max-width: 360px; margin: 20px auto 0; display:block; pointer-events:auto; } #problem.page.problem{ padding-top: 40px !important; } #problem .retail-row{ display:block; } #problem .retail-copy, #problem .retail-slider{ max-width:100% !important; } } /* === v6.1 fixes (do not change site copy) === */ /* Keep the nav green at every breakpoint */ header.navbar-fixed-top .navbar-inner{ background: #009009 !important; background-color: #009009 !important; background-image: none !important; box-shadow: none !important; } /* Bottle visibility + overlap: keep it above the next section */ #about{ position: relative; z-index: 10; overflow: visible; } #problem{ position: relative; z-index: 1; } #about .about-right-media{ overflow: visible; } #about .about-bottle{ width: 280px !important; /* slightly reduced for cleaner overlap */ bottom: -200px !important; /* controlled overlap into #problem */ z-index: 50 !important; display: block !important; opacity: 1 !important; } /* Make sure bottle scaling is sane even if any other class gets used */ #about img.about-bottle, #about img.about-bottle-top{ max-width: 280px; height: auto; } /* Solution: Application + candy bar + Conclusion layout */ #solution .application-conclusion-row{ align-items: flex-start; } #solution .application-conclusion-copy h3{ margin-top: 0; } #solution .application-media img{ display:block; margin: 0 0 0 auto; /* keep the candy bar to the right */ max-width: 100%; height: auto; } /* Footer: match site width + align like the rest of the page */ #footer .footer-inner{ display:flex; align-items:center; justify-content: space-between; gap: 24px; padding: 30px 0 20px 0; } #footer .footer-nav{ display:flex; gap: 16px; flex-wrap: wrap; } #footer .footer-logo img{ height: auto; } /* Mobile polish: keep nav green, restore padding, and stack columns cleanly */ @media (max-width: 767px){ header.navbar-fixed-top{ position: fixed; } /* keep behavior consistent */ body{ padding-left: 0 !important; padding-right: 0 !important; } section.page .container{ padding-left: 20px !important; padding-right: 20px !important; } #about .container{ padding-left: 20px !important; padding-right: 20px !important; } /* Let the bottle/media stack naturally on mobile (no overlap) */ #about .about-bottle{ position: static !important; width: 100% !important; max-width: 320px !important; margin: 20px auto 0 !important; } #about .about-molecule{ position: static !important; width: 100% !important; max-width: 360px !important; margin: 0 auto !important; } /* Stack application layout */ #solution .application-media img{ margin: 20px 0 0 0; } /* Footer stacks and aligns left on mobile */ #footer .footer-inner{ flex-direction: column; align-items: flex-start; text-align: left; } } /* Force the Application/Conclusion row into a predictable two-column layout (desktop) */ @media (min-width: 768px){ #solution .application-conclusion-row{ display:flex !important; flex-wrap: nowrap !important; gap: 24px; } #solution .application-conclusion-row > .application-conclusion-copy{ flex: 0 0 33.3333%; max-width: 33.3333%; } #solution .application-conclusion-row > .application-conclusion-media{ flex: 1 1 auto; max-width: none; } } /* === v6.2 tweaks (per Jay) === */ /* Nav: white links + bold on hover, keep green background */ header.navbar.navbar-fixed-top{ top: 0 !important; z-index: 99999 !important; } /* NAV: white links, stable layout, weight change on hover */ .navbar .nav{ display: flex; align-items: center; justify-content: flex-end; gap: 26px; } .navbar .nav > li{ flex: 0 0 auto; min-width: 110px; /* prevents hover-weight shift from moving siblings */ text-align: center; line-height: 0; } .navbar .nav > li > a{ color: #fff !important; font-weight: 400 !important; display: inline-block; white-space: nowrap; } .navbar .nav > li > a:hover, .navbar .nav > li > a:focus{ color: #fff !important; font-weight: 700 !important; background: transparent !important; } /* PROBLEM: reduce gap below section */ #problem.page.problem{ padding-bottom: 0 !important; margin-bottom: 0 !important; } /* ABOUT: reduce bottle size and increase overlap, keep molecule clear */ #about img.about-molecule{ top: 20px !important; } #about img.about-bottle{ max-width: 220px !important; width: 220px !important; bottom: -250px !important; } /* Application/Conclusion: application + media side-by-side; conclusion below */ #solution .application-conclusion-row{ /* allow the full-width conclusion block to wrap beneath */ flex-wrap: wrap !important; } #solution .application-conclusion-top-inner{ display:flex; gap: 30px; align-items:flex-start; } #solution .application-conclusion-top-inner .application-conclusion-copy{ flex: 0 0 33.3333%; max-width: 33.3333%; } #solution .application-conclusion-top-inner .application-conclusion-media{ flex: 1 1 auto; } /* Make the Conclusion sentence feel like an H1 (without changing the actual markup) */ @media (min-width: 767px){ #solution .conclusion-block h3{ font-size: 60px !important; line-height: 1.05 !important; font-weight: 300 !important; margin: 0 !important; } } #solution .application-conclusion-bottom{ margin-top: 60px; } /* Footer: quicklinks left, concept + logo right */ #footer .footer-inner{ display:flex; align-items:center; justify-content: space-between; gap: 0px; padding: 28px 0 20px; flex-wrap: nowrap; } /* Remove any container side padding so footer aligns with main content edges */ #footer .container.footer-inner{ padding-left: 0 !important; padding-right: 0 !important; } #footer .footer-inner{ flex-wrap: nowrap; justify-content: space-between; } #footer .footer-left, #footer .footer-right{ margin: 0 !important; } #footer .footer-nav{ margin: 0 !important; padding: 0 !important; } #footer .footer-left{ display:flex; align-items:center; gap: 14px; color:#fff; font-size: 12px; line-height: 1; width: 50%; padding-left: 0; white-space: nowrap; } #footer .footer-nav{ display:flex; gap: 16px; flex-wrap: nowrap; white-space: nowrap; } #footer .footer-left a{ color:#fff; } #footer .footer-right{ display:flex; align-items:center; justify-content:flex-end; gap: 14px; color:#fff; padding-right: 0; width: 50%; } #footer .footer-right-text{ text-align:right; font-size: 10px; line-height: 15px; } #footer .footer-right-text a{ color:#fff; text-decoration: underline; } #footer .footer-logo img{ height: auto; display:block; max-width: 80px; } /* Mobile: left-justify text, full-width columns, padding, and fix hamburger overflow */ @media (max-width: 767px){ .system-elements {margin-top: 40px !IMPORTANT} #solution .application-conclusion-top-inner .application-conclusion-copy {max-width: 100% !important; margin-top: 40px !important; margin-bottom: 40px;} #footer .footer-nav {display: contents;} #footer .footer-left {display: grid;} #footer .footer-right {gap:5px;} #contact .contact-inner{margin: 0 auto; padding: 0 20px;} /* keep header visible from load */ header.navbar.navbar-fixed-top{ position: fixed !important; } header.navbar.navbar-fixed-top .navbar-inner{ padding-left: 20px !important; padding-right: 20px !important; } header.navbar.navbar-fixed-top .btn-navbar{ float: right !important; margin-right: 20px !important; margin-top: 20px !important; } /* global text alignment + comfortable gutters */ h1,h2,h3,h4,h5,h6,p,li,ol,ul{ text-align:left !important; } section.page .container{ padding-left: 20px !important; padding-right: 20px !important; } /* Ensure consistent gutters on mobile across all sections */ .container{ padding-left: 20px !important; padding-right: 20px !important; } /* Problem: make the 3 callout text blocks full-width and evenly spaced */ #problem .vc_span4{ float:none !important; width:100% !important; } #problem .vc_span4 .wpb_wrapper{ margin-bottom: 24px !important; } /* kill hardcoded inline widths that cause mobile overflow */ /* Mobile grid reset: full-width spans, no left offsets */ .vc_row-fluid [class*="vc_span"]{ width: 100% !important; max-width: 100% !important; float: none !important; margin-left: 0 !important; } /* System layout: ensure copy + images are truly full width */ #solution .system-top .system-copy, #solution .system-top .system-hero, #solution .system-layout .system-layout-img, #solution .system-layout .system-layout-copy{ max-width: 100% !important; width: 100% !important; } #solution .system-top .system-hero{ text-align: left !important; } #solution .system-top .system-hero img, #solution .system-layout .system-layout-img img{ width: 100% !important; max-width: 100% !important; height: auto !important; } #solution img{ max-width: 100% !important; height: auto !important; } /* stack application layout */ #solution .application-conclusion-top-inner{ display:block; } #solution .application-media img{ margin: 18px 0 0 0 !important; } #solution .application-conclusion-bottom{ margin-top: 34px; } /* footer: full-width feel with standard padding */ #footer .container.footer-inner{ padding-left: 40px !important; padding-right: 20px !important; } #footer .footer-inner{ flex-direction: row; align-items:end; } #footer .footer-right{ justify-content:flex-start; } #footer .footer-right-text{ text-align:left; width:100%;} }