/* Theme Name: Income WP Theme URI: http://themeforest.net/user/europadns/portfolio Description: Bold and full of character, Income is a well-rounded multi-purpose WordPress theme. Author: EuropaDNS Author URI: http://themeforest.net/user/europadns/ Version: 1.0.2 Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /** RESET AND LAYOUT =================================== *** ANIMATIONS CSS *** *** BXSLIDER*** =RESET AND LAYOUT =THEME =LOADER =PAGER =DIRECTION CONTROLS (NEXT / PREV) =AUTO CONTROLS (START / STOP) =PAGER WITH AUTO-CONTROLS HYBRID LAYOUT =IMAGE CAPTIONS =================================== /** * * The grid the template is build on. * * T.O.C * * =Base grid * =Extra small devices: Phones (< 768px) * =Portrait and landscape * =Landscape * =Small devices: Tablets (>= 768px) * =Medium devices: Desktops (>= 992px ) * =Large devices: Desktops (>= 1200px ) * =Clearing * */ /** * Styling for all html5 elements * * T.O.C * * =Typography * =Links * =Lists * =Custom lists * =Images * =Tables * =Forms * =Responsive Form Inputs * */ /** * * Styling for the layout of the pages - header, footer, page sections etc. * * T.O.C * * =Wrap * =Header * =Logo * =Menu * =Menu Basics * =Menu Skin * =DropDown * =Mega Menu Section * =Menu Arrows * =Mobile Menu * =Mobile menu trigger * =Custom search form * =Sticky Header * =Content * =Page Header * =Fullwidth Section * =Footer Top * =Footer * =Footer Bottom * =Back to top * =Misc * */ /** * * Styling for the components that create the page content: accordion, tabs, pie charts etc. * * T.O.C * * =Accordions and Toggles * =Alerts * =Animations * =Boxes * =Buttons * =Callout * =Contact form * =Countdown * =Dividers * =Dropcaps * =Galleries * =Google Maps * =Headlines * =Icon Boxes * =Image Box * =Info box * =Milestones * =Modal window * =Our Process * =Pie charts * =Pricing Tables * =Progress Bar * =Revolution Slider * =Social Media * =Tabs * =Testimonials * =Team Member * =Timeline * =Bx Slider * */ /** * * Styling for WordPress widgets, blog posts, standard wordpress classes. Useful if you want to convert the template to a WordPress theme * * T.O.C * * =WordPress Default Classes * =WordPress Post(s) * =WordPress pagination and navigation * =WordPress Comments * =WordPress Comments Navigation * =WordPress Comment Form * =WordPress Widgets * =Widgets default * =Text Widget * =Search Widget * =Recent Entries Widget * =Pages Widget * =Archive Widget * =Categories Widget * =Meta Widget * =Recent Comments Widget * =Tag Cloud Widget * =Calendar Widget * =Nav Menu Widget * =RSS Widget * =WordPress Custom Widgets * =Income Twitter widget * =Income Flickr widget * =Income Contact Info widget * =Income Newsletter subscribe widget * =Income Latest posts widget * =Income Navigation widget * =Income Social media widget * */ /* Animate.css - Just-add-water CSS animations * http://daneden.github.io/animate.css/ */ @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /** * bxSlider v4.2.4 * Copyright 2013-2015 Steven Wanderski * Written while drinking Belgian ales and listening to jazz * Licensed under MIT (http://opensource.org/licenses/MIT) */ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(././assets/images/bx_loader.gif) center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(././assets/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url(././assets/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(././assets/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(././assets/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} /* ========================================================================== =CssReset ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** * 1. Correct inline-block display not defined in IE 8/9. * 2. Normalize vertical alignment of progress in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying audio without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address [hidden] styling not present in IE 8/9/10. * Hide the template element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /** * 1. Address margins set differently in Firefox 4+, Safari, and Chrome. * 2. Correct color not being inherited. * Known issue: affects color of disabled elements. * 3. Correct font properties not being inherited. */ button, input, optgroup, select, textarea { padding: 0; margin: 0; /* 1 */ color: inherit; /* 2 */ font: inherit; /* 3 */ } /** * Address overflow set to hidden in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent text-transform inheritance for button and select. * All other form control elements do not inherit text-transform values. * Correct button style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct select style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native audio * and video controls. * 2. Correct inability to style clickable input types in iOS. * 3. Improve usability and consistency of cursor style between image-type * input and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } /** * Address Firefox 4+ setting line-height on input using !important in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to content-box in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * font-size values of the input, it causes the cursor style of the * decrement button to change from default to text. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address appearance set to searchfield in Safari and Chrome. * 2. Address box-sizing set to border-box in Safari and Chrome * (include -moz to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ -moz-box-sizing: content-box; box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and textfield appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Always force vertical scroll * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. * 3. For animations */ html { overflow-y: scroll; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-font-smoothing: antialiased; overflow-x: hidden; /* 3 */ } /* ========================================================================== =Base grid ========================================================================== */ .container, .container-inner, .container-fluid { position: relative; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-no-side .vc_column_container .vc_column-inner { padding-left: 0; padding-right: 0; } .container .vc_row, .container-inner .vc_row, .container-fluid .vc_row { margin-left: 0; margin-right: 0; } .container { padding-right: 15px; padding-left: 15px; } .row { position: relative; margin-right: -15px; margin-left: -15px; } /** * Automatically clear rows */ .row:after { visibility: hidden; display: table; font-size: 0; content: " "; clear: both; height: 0; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 768px) { .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: left; } .span12 { width: 100%; } .span11 { width: 91.66666667%; } .span10 { width: 83.33333333%; } .span9 { width: 75%; } .span8 { width: 66.66666667%; } .span7 { width: 58.33333333%; } .span6 { width: 50%; } .span5 { width: 41.66666667%; } .span4 { width: 33.33333333%; } .span3 { width: 25%; } .span2 { width: 16.66666667%; } .span1 { width: 8.33333333%; } .offset12 { margin-left: 100%; } .offset11 { margin-left: 91.66666667%; } .offset10 { margin-left: 83.33333333%; } .offset9 { margin-left: 75%; } .offset8 { margin-left: 66.66666667%; } .offset7 { margin-left: 58.33333333%; } .offset6 { margin-left: 50%; } .offset5 { margin-left: 41.66666667%; } .offset4 { margin-left: 33.33333333%; } .offset3 { margin-left: 25%; } .offset2 { margin-left: 16.66666667%; } .offset1 { margin-left: 8.33333333%; } .offset0 { margin-left: 0%; } } .visible-phone, .visible-tablet, .visible-desktop, .visible-desktop-large { display: none !important; } .visible-phone-block, .visible-phone-inline, .visible-phone-inline-block, .visible-tablet-block, .visible-tablet-inline, .visible-tablet-inline-block, .visible-desktop-block, .visible-desktop-inline, .visible-desktop-inline-block, .visible-desktop-large-block, .visible-desktop-large-inline, .visible-desktop-large-inline-block { display: none !important; } /* ========================================================================== =Extra small devices: Phones (< 768px) ========================================================================== */ /* =Portrait and landscape ========================================================================== */ @media (max-width: 767px) { .container-inner, .container { width: auto; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { width: 100%; } .visible-phone { display: block !important; } table.visible-phone { display: table; } tr.visible-phone { display: table-row !important; } th.visible-phone, td.visible-phone { display: table-cell !important; } .visible-phone-block { display: block !important; } .visible-phone-inline { display: inline !important; } .visible-phone-inline-block { display: inline-block !important; } .hidden-phone { display: none !important; } } /* =Landscape ========================================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* ========================================================================== =Small devices: Tablets (>= 768px) ========================================================================== */ @media (min-width: 768px) and (max-width: 991px) { .container { width: 750px; } .container-inner { max-width: 750px; } .visible-tablet { display: block !important; } table.visible-tablet { display: table; } tr.visible-tablet { display: table-row !important; } th.visible-tablet, td.visible-tablet { display: table-cell !important; } .visible-tablet-block { display: block !important; } .visible-tablet-inline { display: inline !important; } .visible-tablet-inline-block { display: inline-block !important; } .hidden-tablet { display: none !important; } } /* ========================================================================== =Medium devices: Desktops (>= 992px ) ========================================================================== */ @media (min-width: 992px) and (max-width: 1199px) { .container { width: 970px; } .container-inner { max-width: 970px; } .visible-desktop { display: block !important; } table.visible-desktop { display: table; } tr.visible-desktop { display: table-row !important; } th.visible-desktop, td.visible-desktop { display: table-cell !important; } .visible-desktop-block { display: block !important; } .visible-desktop-inline { display: inline !important; } .visible-desktop-inline-block { display: inline-block !important; } .hidden-desktop { display: none !important; } } /* ========================================================================== =Large devices: Desktops (>= 1200px ) ========================================================================== */ @media (min-width: 1200px) { .container { width: 1170px; } .container-inner { max-width: 1170px; } .visible-desktop-large { display: block !important; } table.visible-desktop-large { display: table; } tr.visible-desktop-large { display: table-row !important; } th.visible-desktop-large, td.visible-desktop-large { display: table-cell !important; } .visible-desktop-large-block { display: block !important; } .visible-desktop-large-inline { display: inline !important; } .visible-desktop-large-inline-block { display: inline-block !important; } .hidden-desktop-large { display: none !important; } } /* ========================================================================== =Clearing ========================================================================== */ /** * ClearFix Hack * Usage: add class="fixed" to parents of floated elements */ .fixed:after { visibility: hidden; display: table; font-size: 0; content: " "; clear: both; height: 0; } /** * Clear content * Usage:
*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* ========================================================================== =Typography ========================================================================== */ body { background-color: #fff; color: #7c7c7c; font: 14px "Open Sans", Arial, sans-serif; line-height: 24px; letter-spacing: 0.1px; } @media (max-width: 767px) { /** * 1. Hide background on mobile devices */ body { background: none; /* 1 */ background-color: #fff; } } h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Raleway", Arial, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { margin-bottom: 14px; font-size: 36px; line-height: 48px; } h2 { margin-bottom: 10px; font-size: 30px; line-height: 40px; } h3 { margin-bottom: 8px; font-size: 24px; line-height: 32px; } h4 { margin-bottom: 6px; font-size: 18px; line-height: 26px; } h5 { margin-bottom: 4px; font-size: 16px; line-height: 24px; } h6 { margin-bottom: 2px; font-size: 14px; line-height: 22px; } p { margin-bottom: 20px; } em { font-style: italic; } strong { font-weight: 700; } small { font-size: 93%; } big { font-size: 125%; } sub { vertical-align: sub; font-size: 75%; } sup { vertical-align: super; font-size: 75%; } abbr[title] { border-bottom: 1px dotted #999; cursor: help; } address { display: block; margin-bottom: 20px; } blockquote { padding: 30px; border-radius: 15px; margin: 30px 0; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2); text-align: center; } blockquote p { font-style: italic; } blockquote > *:last-child { margin-bottom: 0; } hr { height: 0; border: solid #d7d7d7; border-width: 1px 0 0 0; margin: 30px 0; } kbd, tt, var, samp, code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 1px 4px; border: 1px solid #d7d7d7; border-radius: 3px; background-color: #f4f4f4; color: #ff433e; } pre { overflow-x: auto; display: block; padding: 20px; border: 1px solid #d7d7d7; border-radius: 3px; margin-bottom: 20px; background-color: #f4f4f4; white-space: pre-wrap; } mark, ins { padding: 1px 4px; border: 1px solid #d7d7d7; border-radius: 3px; background-color: #f4f4f4; text-decoration: none; } s, del { text-decoration: line-through; } /* Typography Helper Classes */ /** *
acts like an
*/ .hr { border-top: 1px solid #d7d7d7; margin: 30px 0; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .text-highlight { color: #00c5e9; } .text-highlight-2 { color: #5c5f96; } .mute{ color: #999; } .no-margin-bottom, .last { margin-bottom: 0 !important; } @media (max-width: 767px) { .no-margin-bottom, .last { margin-bottom: 20px !important; } .text-right { text-align: left; } } /* ========================================================================== =Links ========================================================================== */ a, a:visited { color: #00c5e9; text-decoration: none; } /** * 1. Remove the gray background color from active links in IE 10. */ a:active { background: transparent; /* 1 */ } a:active, a:hover, a:focus { outline: 0; text-decoration: underline; } /* ========================================================================== =Lists ========================================================================== */ ul, ol { margin-bottom: 20px; list-style-position: inside; } li > ul, li > ol { margin-bottom: 0; margin-left: 30px; } li {} ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin-bottom: 20px; } dt { font-weight: bold; } dd { margin-bottom: 20px; } /* List Helper Classes */ ul.last, ol.last, dl.last { margin-bottom: 0; } @media (max-width: 767px) { ul.last, ol.last { margin-bottom: 20px; } } /* =Custom lists ========================================================================== */ /** * Custom lists * * 1. unstyled list * 2. list with squares for bullets * 3. list with discs for bullets * */ ul.unstyled { list-style-type: none; } /* 1 */ ul.square { list-style-type: square; } /* 2 */ ul.circle { list-style-type: circle; } /* 3 */ /** * FontAwesome lists * * 1. Check list * 2. Fill circle * */ ul.check, /* 2 */ ul.fill-circle { list-style: none; } /* 1 */ ul.check li:before, ul.fill-circle li:before { position: relative; top: -1px; width: auto; height: auto; margin-right: 10px; color: #00c5e9; font-family: 'FontAwesome'; font-size: 14px; font-style: normal; } ul.fill-circle li:before { margin-right: 20px; font-size: 10px; content: "\f111"; } ul.check li:before { content: "\f00c"; } ul.check li, ul.fill-circle li { margin-bottom: 10px; } ul.check li:last-child, ul.fill-circle li:last-child { margin-bottom: 0; } /* ========================================================================== =Images ========================================================================== */ img { max-width: 100%; height: auto; border: none; vertical-align: middle; } figure { max-width: 100%; } /* ========================================================================== =Tables ========================================================================== */ table, th, td { border: 1px solid #d7d7d7; } /** * 1. Prevents HTML tables from becoming too wide */ table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 20px; table-layout: fixed; /* 1 */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } caption { margin-bottom: 20px; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 8px; } @media (max-width: 480px) { /** * 1. Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; /* 1 */ } /** * Hide table headers */ th{ position: absolute; top: -9999px; left: -9999px; } td:first-child { border-top: none !important; } } /* ========================================================================== =Forms ========================================================================== */ form {} fieldset {} fieldset legend { padding: 0 10px; margin: 0; margin-left: -2px; background: #fff; font-weight: 700; } ::-moz-placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder { color: #999; } label { display: block; margin-bottom: 5px; } /** * 1. we need to supply the font color for situations when you place the inputs in a div that has color:#fff * normally because of the #fff the text in inputs would not be visible but giving the color explicitly here ovrwrites that */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { display: block; width: 100%; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px 20px; border: 2px solid #d7d7d7; border-top: none; border-right: none; border-bottom-left-radius: 10px; margin-bottom: 20px; background-color: #fff; color: #7c7c7c; /* 1 */ } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { border-color: #bbb; outline: none; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #f4f4f4; cursor: not-allowed; } input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #f4f4f4; cursor: not-allowed; } textarea[rows] { height: auto; } /** * 1. Disallow resize out of parent */ textarea { max-width: 100%; /* 1 */ } /** * 1. we need to supply the font color for situations when you place the inputs in a div that has color:#fff * normally because of the #fff the text in inputs would not be visible but giving the color explicitly here ovrwrites that */ select { padding: 6px 10px; height: 40px; width: 100%; border: 1px solid #d7d7d7; background-color: #fff; -webkit-appearance: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #7c7c7c; /* 1 */ } select:disabled { background-color: #f4f4f4; cursor: not-allowed; } select:focus { border-color: #bbb; } select[multiple] { height: auto; } input[type="range"] { width: 100%; } input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 10px; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-right: 10px; margin-bottom: 0; margin-left: 5px; vertical-align: baseline; } input[type="file"] { width: 100%; } button, input[type="reset"], input[type="submit"], input[type="button"] { position: relative; display: inline-block; padding: 15px 35px; border: none; border-radius: 20px; background-color: #00c5e9; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; color: #fff; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; -webkit-transition: all 0.3s; transition: all 0.3s; } input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { border-radius: 0; background-color: #5c5f96; } /* =Responsive Form Inputs ========================================================================== */ /** * 1. Reset float inherited from .span* * 2. Change padding inherited from .span* with the one set for inputs */ button[class*="span"], input[type="reset"][class*="span"], input[type="submit"][class*="span"], input[type="button"][class*="span"], input[type="range"][class*="span"], input[type="color"][class*="span"], input[type="text"][class*="span"], input[type="password"][class*="span"], input[type="date"][class*="span"], input[type="datetime"][class*="span"], input[type="datetime-local"][class*="span"], input[type="month"][class*="span"], input[type="week"][class*="span"], input[type="email"][class*="span"], input[type="number"][class*="span"], input[type="search"][class*="span"], input[type="tel"][class*="span"], input[type="time"][class*="span"], input[type="url"][class*="span"], textarea[class*="span"], select[class*="span"] { float: none; /* 1 */ padding: 12px 20px; /* 2 */ } @media (min-width: 767px) { button.span12, input[type="range"].span12, input[type="color"].span12, input[type="reset"].span12, input[type="submit"].span12, input[type="button"].span12, input[type="text"].span12, input[type="password"].span12, input[type="date"].span12, input[type="datetime"].span12, input[type="datetime-local"].span12, input[type="month"].span12, input[type="week"].span12, input[type="email"].span12, input[type="number"].span12, input[type="search"].span12, input[type="tel"].span12, input[type="time"].span12, input[type="url"].span12, textarea.span12, select.span12 { width: 100%; } button.span11, input[type="range"].span11, input[type="color"].span11, input[type="reset"].span11, input[type="submit"].span11, input[type="button"].span11, input[type="text"].span11, input[type="password"].span11, input[type="date"].span11, input[type="datetime"].span11, input[type="datetime-local"].span11, input[type="month"].span11, input[type="week"].span11, input[type="email"].span11, input[type="number"].span11, input[type="search"].span11, input[type="tel"].span11, input[type="time"].span11, input[type="url"].span11, textarea.span11, select.span11 { width: 91.66666667%; } button.span10, input[type="range"].span10, input[type="color"].span10, input[type="reset"].span10, input[type="submit"].span10, input[type="button"].span10, input[type="text"].span10, input[type="password"].span10, input[type="date"].span10, input[type="datetime"].span10, input[type="datetime-local"].span10, input[type="month"].span10, input[type="week"].span10, input[type="email"].span10, input[type="number"].span10, input[type="search"].span10, input[type="tel"].span10, input[type="time"].span10, input[type="url"].span10, textarea.span10, select.span10 { width: 83.33333333%; } button.span9, input[type="range"].span9, input[type="color"].span9, input[type="reset"].span9, input[type="submit"].span9, input[type="button"].span9, input[type="text"].span9, input[type="password"].span9, input[type="date"].span9, input[type="datetime"].span9, input[type="datetime-local"].span9, input[type="month"].span9, input[type="week"].span9, input[type="email"].span9, input[type="number"].span9, input[type="search"].span9, input[type="tel"].span9, input[type="time"].span9, input[type="url"].span9, textarea.span9, select.span9 { width: 75%; } button.span8, input[type="range"].span8, input[type="color"].span8, input[type="reset"].span8, input[type="submit"].span8, input[type="button"].span8, input[type="text"].span8, input[type="password"].span8, input[type="date"].span8, input[type="datetime"].span8, input[type="datetime-local"].span8, input[type="month"].span8, input[type="week"].span8, input[type="email"].span8, input[type="number"].span8, input[type="search"].span8, input[type="tel"].span8, input[type="time"].span8, input[type="url"].span8, textarea.span8, select.span8 { width: 66.66666667%; } button.span7, input[type="range"].span7, input[type="color"].span7, input[type="reset"].span7, input[type="submit"].span7, input[type="button"].span7, input[type="text"].span7, input[type="password"].span7, input[type="date"].span7, input[type="datetime"].span7, input[type="datetime-local"].span7, input[type="month"].span7, input[type="week"].span7, input[type="email"].span7, input[type="number"].span7, input[type="search"].span7, input[type="tel"].span7, input[type="time"].span7, input[type="url"].span7, textarea.span7, select.span7 { width: 58.33333333%; } button.span6, input[type="range"].span6, input[type="color"].span6, input[type="reset"].span6, input[type="submit"].span6, input[type="button"].span6, input[type="text"].span6, input[type="password"].span6, input[type="date"].span6, input[type="datetime"].span6, input[type="datetime-local"].span6, input[type="month"].span6, input[type="week"].span6, input[type="email"].span6, input[type="number"].span6, input[type="search"].span6, input[type="tel"].span6, input[type="time"].span6, input[type="url"].span6, textarea.span6, select.span6 { width: 50%; } button.span5, input[type="range"].span5, input[type="color"].span5, input[type="reset"].span5, input[type="submit"].span5, input[type="button"].span5, input[type="text"].span5, input[type="password"].span5, input[type="date"].span5, input[type="datetime"].span5, input[type="datetime-local"].span5, input[type="month"].span5, input[type="week"].span5, input[type="email"].span5, input[type="number"].span5, input[type="search"].span5, input[type="tel"].span5, input[type="time"].span5, input[type="url"].span5, textarea.span5, select.span5 { width: 41.66666667%; } button.span4, input[type="range"].span4, input[type="color"].span4, input[type="reset"].span4, input[type="submit"].span4, input[type="button"].span4, input[type="text"].span4, input[type="password"].span4, input[type="date"].span4, input[type="datetime"].span4, input[type="datetime-local"].span4, input[type="month"].span4, input[type="week"].span4, input[type="email"].span4, input[type="number"].span4, input[type="search"].span4, input[type="tel"].span4, input[type="time"].span4, input[type="url"].span4, textarea.span4, select.span4 { width: 33.33333333%; } button.span3, input[type="range"].span3, input[type="color"].span3, input[type="reset"].span3, input[type="submit"].span3, input[type="button"].span3, input[type="text"].span3, input[type="password"].span3, input[type="date"].span3, input[type="datetime"].span3, input[type="datetime-local"].span3, input[type="month"].span3, input[type="week"].span3, input[type="email"].span3, input[type="number"].span3, input[type="search"].span3, input[type="tel"].span3, input[type="time"].span3, input[type="url"].span3, textarea.span3, select.span3 { width: 25%; } button.span2, input[type="range"].span2, input[type="color"].span2, input[type="reset"].span2, input[type="submit"].span2, input[type="button"].span2, input[type="text"].span2, input[type="password"].span2, input[type="date"].span2, input[type="datetime"].span2, input[type="datetime-local"].span2, input[type="month"].span2, input[type="week"].span2, input[type="email"].span2, input[type="number"].span2, input[type="search"].span2, input[type="tel"].span2, input[type="time"].span2, input[type="url"].span2, textarea.span2, select.span2 { width: 16.66666667%; } button.span1, input[type="range"].span1, input[type="color"].span1, input[type="reset"].span1, input[type="submit"].span1, input[type="button"].span1, input[type="text"].span1, input[type="password"].span1, input[type="date"].span1, input[type="datetime"].span1, input[type="datetime-local"].span1, input[type="month"].span1, input[type="week"].span1, input[type="email"].span1, input[type="number"].span1, input[type="search"].span1, input[type="tel"].span1, input[type="time"].span1, input[type="url"].span1, textarea.span1, select.span1 { width: 8.33333333%; } } /* ========================================================================== =Wrap ========================================================================== */ #wrap { position: relative; background-color: #fff; } .boxed #wrap { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .boxed #wrap { max-width: 1140px; margin: 0 auto; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); } .boxed #header { max-width: 1140px; } } @media (min-width: 1200px) { .boxed #wrap { max-width: 1340px; } .boxed #header { max-width: 1340px; } } @media (max-width: 1140px) { .boxed #wrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /* ========================================================================== =Header ========================================================================== */ #header { margin: 0 auto; } /* ========================================================================== =Logo ========================================================================== */ #logo { padding: 41px 0 32px 0; } /** * 1. we need the to be only the size of it's child element * 2. it shouldn't extend beyond the size of it's parent if it's child is very large e.g 1000x1000 px */ #logo a { display: inline-block; /* 1 */ max-width: 100%; /* 2 */ } #logo img { display: block; } @media (max-width: 767px) { /** * 1. on mobile devices logo padding right needs to be the width of the * mobile menu trigger + some spacing so as to not let the logo * overlap the mobile menu trigger */ #logo { padding-right: 50px; /* 1 */ } } /* ========================================================================== =Menu ========================================================================== */ /* =Menu Basics ========================================================================== */ .sf-menu, .sf-menu ul { padding: 0; margin: 0; list-style: none; } .sf-menu > li { float: left; } .sf-menu > li > a { position: relative; display: block; } /** * 1. z-index is 1025 because the sticky menu is 1020 */ .sf-menu .sf-mega, .sf-menu li.dropdown ul { position: absolute; z-index: 1025; /* 1 */ top: 100%; left: 0; display: none; } .sf-menu li.dropdown { position: relative; } .sf-menu li.dropdown ul ul { top: 0; left: 100%; } .sf-menu li:hover > .sf-mega, .sf-menu li.sfHover > .sf-mega, .sf-menu li.dropdown:hover > ul, .sf-menu li.dropdown.sfHover > ul { display: block; } /* =Menu Skin ========================================================================== */ .sf-menu { float: right; } .sf-menu a { display: block; padding: 15px 30px; border-bottom: 2px solid #4d4d4d; font: 14px 'Raleway', Arial, sans-serif; color: #fff; text-decoration: none; } .sf-menu li.dropdown a { padding: 15px 30px; } .sf-menu li:last-child > a { border-bottom: none; } .sf-menu > li > a, .sf-menu > li.dropdown > a { padding: 65px 25px 70px; border: none; color: #000; font-size: 15px; font-weight: 500; } .sf-menu > li a i { margin-right: 5px; } .sf-menu > li.current > a, .sf-menu li.sfHover > a, .sf-menu a:hover, .sf-menu li.sfHover a:hover { color: #00c5e9; text-decoration: none; } /* =DropDown ========================================================================== */ /** * 1. allow long menu items to determine submenu width */ .sf-menu li.dropdown ul { min-width: 200px; /* 1 */ background-color: #000; } .sf-menu li.dropdown ul ul { border-left: 2px solid #4d4d4d; } /* =Mega Menu Section ========================================================================== */ .sf-mega { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; color: #fff; } .sf-mega-section { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; border-right: 2px solid #4d4d4d; } .sf-mega-section:last-child { border-right: none; } /** * 1. set mega menu section size, as a percentage of the mega menu width */ .sf-mega.sf-mega-1-col .sf-mega-section{ width: 100%; } /* 1 */ .sf-mega.sf-mega-2-col .sf-mega-section{ width: 50%; } .sf-mega.sf-mega-3-col .sf-mega-section{ width: 33.3333333333%; } .sf-mega.sf-mega-4-col .sf-mega-section{ width: 25%; } .sf-mega-section-title { padding: 0 0 20px 30px; border-bottom: 2px solid #4d4d4d; margin: 0 -20px; } .sf-mega-section > ul { margin: -20px; } /* =Menu Arrows ========================================================================== */ .sf-arrows .sf-with-ul:after { position: absolute; top: 50%; right: 0; display: none; width: 0; height: 0; border: 4px solid transparent; border-top-color: #999; margin-top: -4px; content: ""; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); } .sf-arrows ul .sf-with-ul:after { display: block; border-color: transparent; border-left-color: #999; margin-top: -5px; margin-right: 10px; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #fff; } @media (min-width: 768px) and (max-width: 991px) { #menu { display: none; } } @media (max-width: 767px) { #menu { display: none; } } /* ========================================================================== =Mobile Menu ========================================================================== */ #mobile-menu { border-bottom: 1px solid #d7d7d7; margin-bottom: 0; background-color: #000; color: #fff; } #mobile-menu li { display: block; margin: 0; } #mobile-menu > li > ul, #mobile-menu > li > ul > li > ul { display: none; margin-left: 0; } #mobile-menu .sf-mega { display: none; padding: 0; border: none; margin: 0; } #mobile-menu .sf-mega-section { float: none; width: 100%; padding: 0; border: none; } #mobile-menu .sf-mega-section ul { margin: 0; } #mobile-menu li a { position: relative; display: block; padding: 15px 25px; border-top: 1px solid #d7d7d7; color: #fff; font-size: 13px; text-align: left; text-decoration: none; } #mobile-menu ul { margin-bottom: 0; } #mobile-menu ul a { padding-left: 45px; } #mobile-menu ul li ul a { padding-left: 65px; } #mobile-menu .sf-mega-section-title { padding: 15px 15px 15px 45px; border-top: 1px solid #d4d4d4; } #mobile-menu .mobile-menu-submenu-arrow { position: absolute; top: 0; right: 0; width: 70px; height: 100%; border-left: 1px solid #d4d4d4; color: #fff; font-size: 20px; line-height: 50px; text-align: center; cursor: pointer; } #mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #d4d4d4; } #mobile-menu li a:hover {} #mobile-menu { display: none; } /* ========================================================================== =Mobile menu trigger ========================================================================== */ #mobile-menu-trigger { float: right; display: none; font-size: 32px; } @media (min-width: 768px) and (max-width: 991px) { #mobile-menu-trigger { display: block; margin-top: 58px; margin-right: 0; } } @media (max-width: 767px) { #mobile-menu-trigger { position: absolute; top: 48px; right: 5px; display: block; padding: 10px; margin-top: 0; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #mobile-menu-trigger {} } /* ========================================================================== =Custom search form ========================================================================== */ #custom-search-button + nav { margin-right: 30px; } #custom-search-button { position: absolute; top: 63px; right: 15px; display: block; text-decoration: none; } #custom-search-button i { font-size: 16px; color: #000; } #custom-search-form { position: absolute; top: 50%; width: 100%; margin-top: -50px; } /** * 1. z-index is 1030 because the dropdown menu has a z-index of 1025 */ #custom-search-form-container { position: fixed; z-index: 1030; top: 0; right: 0; left: 0; display: none; padding: 30px 0 20px 0; background-color: rgba(0, 197, 233, 0.95); text-align: center; } #custom-search-submit { display: none; } #custom-search-form #s { width: 50%; height: 50px; padding: 10px 40px 10px 20px; border-color: #fff; border-radius: 3px; background-color: #fff; } #custom-search-submit { display: inline-block; border: none; margin-left: -60px; background: url(././assets/images/bg-search.png) no-repeat center center; vertical-align: middle; } #custom-search-form a.custom-search-form-close { position: relative; top: 3px; display: inline-block; border-radius: 3px; margin-left: 60px; color: #fff; font-size: 28px; font-weight: 400; text-align: center; text-decoration: none; } @media (min-width: 768px) and (max-width: 991px) { #custom-search-button { right: 65px; } } @media (max-width: 767px) { /** * Hide search on mobile */ /** * 1. !important is needed to overwrite the display:block added by the js */ #custom-search-form-container { display: none !important; /* 1 */ } #custom-search-button { display: none; } } /* ========================================================================== =Sticky Header ========================================================================== */ @media (min-width: 1025px) { /** * 1. The height of the #header-wrap should be increased or decreased to accommodate the logo */ #header-wrap { position: relative; height: 154px; /* 1 */ } #header { position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; } /** * 1. The z-index has to be 1020 so it is bigger than the back to top buttons z-index that is 1010 */ #header.stuck { position: fixed; z-index: 1020; /* 1 */ top: 0; width: 100%; padding: 5px 0 0 0; margin: 0 auto; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2); background-color: #fff; -webkit-transition: padding 0.3s; transition: padding 0.3s; } #header.stuck #logo { padding: 15px 0 12px 0; } #header.stuck .sf-menu > li > a, #header.stuck .sf-menu > li.dropdown > a { padding: 39px 25px 50px; } #header.stuck .sf-arrows .sf-with-ul:after { margin-top: -6px; } #header.stuck #custom-search-button { top: 38px; } } /* ========================================================================== =Content ========================================================================== */ #content { padding-bottom: 50px; } /* ========================================================================== =Page Header ========================================================================== */ #page-header { position: relative; margin-bottom: 100px; text-align: center; } .page-header-bg { position: absolute; top: 50%; right: 0; left: 0; height: 85px; background-color: #f4f4f4; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #page-header h3 { display: inline-block; min-width: 500px; padding: 50px 20px; margin: 0 auto; min-height: 32px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); background-color: #00c5e9; color: #fff; text-align: center; } #page-header-2 { padding: 30px 0; margin-bottom: 100px; background-color: #00c5e9; color: #fff; text-align: center; } #page-header-2 h5 { margin-bottom: 0; color: #fff; font-weight: 500; } @media (max-width: 767px) { #page-header h3 { min-width: 0; padding: 50px; } } /* ========================================================================== =Fullwidth Section ========================================================================== */ /** * Full width section * * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section * */ .fullwidth-section { position: relative; overflow: hidden; z-index: 0; padding: 40px 0; margin-bottom: 100px; background-color: #f4f4f4; background-attachment: scroll; background-repeat: no-repeat; /* 1 */ background-position: 50% 0; } .fullwidth-section-content { position: relative; z-index: 3; } .fullwidth-section-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; background-position: 0 0; } .fullwidth-section-video { position: absolute; overflow: hidden; z-index: 1; top: 0; width: 100%; height: 100%; } .yt-player { display: none; } /** * * 1. We add background-size cover so the parallax looks ok if you provide smaller images * */ .parallax.parallax-enabled { background-attachment: fixed !important; -webkit-background-size: cover; background-size: cover; /* 1 */ } .horizontal-parallax { background-repeat: repeat; } .animated-parallax { background-repeat: repeat; } @media (max-width: 767px) { .fullwidth-section { -webkit-background-size: cover; background-size: cover; } } /* ========================================================================== =Footer Top ========================================================================== */ #footer-top { background-color: #5d6167; color: #fff; } #footer-top a, #footer-top h1, #footer-top h2, #footer-top h3, #footer-top h4, #footer-top h5, #footer-top h6 { color: #fff; } #footer-top-widget-area-1 {} #footer-top-widget-area-2 {} #footer-top-widget-area-3 {} #footer-top-widget-area-4 {} /* ========================================================================== =Footer ========================================================================== */ #footer { padding: 110px 0; background-color: #3b3e43; color: #cdcdcd; } #footer a, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #cdcdcd; } #footer a:hover { color: #00c5e9; } #footer-widget-area-1 {} #footer-widget-area-2 {} #footer-widget-area-3 {} #footer-widget-area-4 {} @media (max-width: 767px) { #footer-widget-area-1 + #footer-widget-area-2 { margin-top: 50px; } #footer-widget-area-2 + #footer-widget-area-3 { margin-top: 50px; } #footer-widget-area-3 + #footer-widget-area-4 { margin-top: 50px; } } /* ========================================================================== =Footer Bottom ========================================================================== */ #footer-bottom { padding: 35px 0; background-color: #ffffff; color: #2b2d30; } #footer-bottom a, #footer-bottom h1, #footer-bottom h2, #footer-bottom h3, #footer-bottom h4, #footer-bottom h5, #footer-bottom h6 { color: #cdcdcd; } #footer-bottom a:hover { color: #00c5e9; } #footer-bottom-widget-area-1 {} #footer-bottom-widget-area-2 {} #footer-bottom-widget-area-3 {} #footer-bottom-widget-area-4 {} @media (max-width: 767px) { #footer-bottom-widget-area-1 + #footer-bottom-widget-area-2 { margin-top: 20px; } #footer-bottom-widget-area-2 + #footer-bottom-widget-area-3 { margin-top: 20px; } #footer-bottom-widget-area-3 + #footer-bottom-widget-area-4 { margin-top: 20px; } } /* ========================================================================== =Back to top ========================================================================== */ #back-to-top { position: fixed; z-index: 1010; right: -40px; bottom: 80px; width: 40px; height: 40px; border-radius: 5px; background-color: #000; color: #fafafa; font-size: 30px; text-align: center; opacity: 0.5; cursor: pointer; text-decoration: none; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #back-to-top i { font-size: 24px; line-height: 40px; font-weight: normal; vertical-align: top; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); } #back-to-top:hover i { color: #fff; } #back-to-top.visible { right: 40px; } #back-to-top.gone { right: -40px; } /* ========================================================================== =Misc ========================================================================== */ .javascript-required, .modern-browser-required { padding: 15px 0; background-color: #ff433e; color: #fff; font-weight: 700; text-align: center; } /* ========================================================================== =Accordions and Toggles ========================================================================== */ /* =Accordion ========================================================================== */ .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a { position: relative; display: block; padding: 15px 25px; font-size: 16px; line-height: 24px; margin-bottom: 15px; background-color: #f4f4f4; color: #000; font-family: "Raleway", Arial, sans-serif; -webkit-transition: all 0.3s; transition: all 0.3s; } .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading { background-color: transparent; } .theme-accordion.vc_tta .vc_tta-controls-icon:before, .theme-accordion.vc_tta .vc_tta-controls-icon:after { border-color: #000 !important; border-width: 1px !important; } .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-controls-icon:before, .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel:hover .vc_tta-controls-icon:before, .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-controls-icon:after, .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel:hover .vc_tta-controls-icon:after{ border-color: #fff !important; } .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a, .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a:hover { background-color: #00c5e9; color: #fff; } .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panels .vc_tta-panel-body { padding-left: 0; padding-right: 0; } /* ========================================================================== =Alerts ========================================================================== */ .alert { padding: 15px 15px 15px 30px; margin-bottom: 30px; background-color: #f4f4f4; color: #000; } .alert i { position: relative; top: 2px; margin-right: 10px; font-size: 20px; } .alert.info { background-color: #000; color: #fff; } .alert.success { background-color: #00c5e9; color: #fff; } .alert.error { background-color: #ff3225; color: #fff; } .alert.warning { background-color: #5c5f96; color: #fff; } /* ========================================================================== =Animations ========================================================================== */ .animate { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: hidden; } .animate.visible { visibility: visible; } .animate.hidden { visibility: hidden; } /* ========================================================================== =Boxes ========================================================================== */ .box { padding: 30px; margin-bottom: 30px; } .box > *:last-child { margin-bottom: 0; } .box.box-style-1 { border-radius: 2px; border: 1px solid #d7d7d7; } .box.box-style-2 { background-color: #f4f4f4; color: #7c7c7c; } /* * 1. Clearfix hack */ .box:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } /* ========================================================================== =Buttons ========================================================================== */ /* =Default Button ========================================================================== */ .btn { display: inline-block; padding: 15px 35px; border-radius: 20px; margin: 0 5px 20px 0; background-color: #00c5e9; color: #fff; font-family: "Raleway", Arial, sans-serif; font-size: 15px; line-height: 18px; text-decoration: none !important; vertical-align: middle; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } a.btn { color: #fff; } .btn:focus { outline: 0; } .btn-large { padding: 20px 40px; font-size: 18px; } .btn i, .btn-large i { float: left; margin: 2px 8px 0 -4px; font-size: 14px; line-height: 14px; } .btn:hover { border-radius: 0; background: #5c5f96; } /* =Colored Buttons ========================================================================== */ .btn-alt { background-color: #5c5f96; color: #fff; } a.btn-alt { color: #fff; } .btn-alt:hover { background: #00c5e9; } .btn-black { background-color: #5d6167; color: #fff; } a.btn-black { color: #fff; } .btn-black:hover { background: #00c5e9; } /* ========================================================================== =Callouts ========================================================================== */ .callout { padding: 30px 0; margin-bottom: 30px; } .callout-content { padding-top: 10px; padding-bottom: 10px; } .callout-action { text-align: right; } .callout-content > *:last-child, .callout-action > *:last-child { margin-bottom: 0; } /* * 1. Clearfix hack */ .callout:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } @media (max-width: 767px) { .callout-action { text-align: left; } } /* ========================================================================== =Contact form ========================================================================== */ #contact-form { overflow: hidden; margin-bottom: 100px; } .wpcf7-form p, #contact-form p { margin-bottom: 30px; } #contact-form fieldset {} label.validation-error { color: #ff433e; } input.validation-error, textarea.validation-error, select.validation-error { border: 1px solid #d7d7d7; } #contact-form #formstatus {} #contact-form textarea {} /* * 1. Clearfix hack */ #contact-form:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } /* ========================================================================== =Dividers ========================================================================== */ .divider { margin: 50px 0 80px 0; } .divider.single-line { border-top: 1px solid #d7d7d7; } .divider.double-line { border-top: 4px double #d7d7d7; } .divider.thick-line { border-top: 5px solid #d7d7d7; } /* ========================================================================== =Dropcaps ========================================================================== */ .dropcap { float: left; display: block; margin: 5px 10px 0 0; font-size: 38px; line-height: 38px; } .dropcap.dropcap-square { width: 38px; height: 38px; border-radius: 2px; background-color: #00c5e9; color: #ffffff; font-size: 20px; line-height: 38px; text-align: center; } .dropcap.dropcap-circle { width: 38px; height: 38px; border-radius: 50%; background-color: #00c5e9; color: #ffffff; font-size: 20px; line-height: 38px; text-align: center; } /* ========================================================================== =Galleries ========================================================================== */ /* ========================================================================== =Google Maps ========================================================================== */ .google-map { width: 100%; height: 690px; } /** * 1. needed so that Google Maps controls are not distorted */ .google-map img { max-width: none; } /* 1 */ .gmap_marker { padding: 20px 20px 10px 20px; color: #000; font-family: "Raleway", Arial, sans-serif; } .gmap_marker p { float: left; padding-left: 30px; margin-top: 15px; } .gmap_marker i { margin-left: -30px; margin-right: 10px; color: #00c5e9; font-size: 20px; } /* * 1. Clearfix hack */ .gmap_marker:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } @media (max-width: 767px) { .map { padding: 0 20px; } .row .map { padding: 0; } .gmap_marker { padding: 0; } .gmap_marker img { display: none; } .gmap_marker p { float: none; } } /* ========================================================================== =Headlines ========================================================================== */ .headline { margin-bottom: 100px; text-align: center; } .headline h2 { color: #00c5e9; } .headline h4 { color: #7c7c7c; } /* ========================================================================== =Icon Boxes ========================================================================== */ /* =Icon Box 1 ========================================================================== */ .icon-box-1 { position: relative; margin-bottom: 50px; } .icon-box-1 > i { float: left; display: block; color: #00c5e9; font-size: 32px; line-height: 32px; -webkit-transition: color 0.3s; transition: color 0.3s; } .icon-box-1 h4 { margin-bottom: 20px; font-weight: 700; } .icon-box-1 h4 a { color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .icon-box-1 h4 a:hover { color: #00c5e9; text-decoration: none; } .icon-box-1:hover > i { color: #5c5f96; } .icon-box-1 .icon-box-content { margin-left: 65px; } /* =Icon Box 2 ========================================================================== */ .icon-box-2 { position: relative; margin-bottom: 75px; text-align: center; } .icon-box-2 > i { display: block; margin-bottom: 50px; color: #00c5e9; font-size: 32px; -webkit-transition: color 0.3s; transition: color 0.3s; } .icon-box-2 h4 { margin-bottom: 20px; font-weight: 700; } .icon-box-2 h4 a { color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .icon-box-2 h4 a:hover { color: #00c5e9; text-decoration: none; } .icon-box-2:hover > i { color: #5c5f96; } .icon-box-2 .icon-box-content {} /* =Icon Box 3 ========================================================================== */ .icon-box-3 { position: relative; margin-bottom: 50px; } .icon-box-3 > i { float: left; margin-right: 40px; color: #00c5e9; font-size: 32px; -webkit-transition: color 0.3s; transition: color 0.3s; } .icon-box-3 h4 { margin-bottom: 20px; font-weight: 700; } .icon-box-3 h4 a { color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .icon-box-3 h4 a:hover { color: #00c5e9; text-decoration: none; } .icon-box-3:hover > i { color: #5c5f96; } .icon-box-3 .icon-box-content {} @media (min-width: 768px) and (max-width: 991px) { .icon-box-3 > i { float: none; display: block; margin-bottom: 15px; } } /* ========================================================================== =Image Box ========================================================================== */ .image-box { overflow: hidden; padding: 30px; margin-bottom: 50px; border: 1px solid #d7d7d7; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03); } .image-box-img { margin: -30px -30px 30px; } .image-box-img img { display: block; width: 100%; } .image-box > *:last-child { margin-bottom: 0; } /* ========================================================================== =Info box ========================================================================== */ .info-box { position: relative; overflow: hidden; padding: 200px 0; margin-top: 50px; box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1); } .info-box-img { position: absolute; z-index: 0; top: 0; width: 50%; height: 100%; box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1); background: no-repeat center left; } .info-box-bg-left .info-box-img { left: -30px; } .info-box-bg-right .info-box-img { right: -30px; } .info-box-img img { display: none; } @media (min-width: 768px) and (max-width: 991px) { .info-box { padding: 100px 0 80px 0; } } @media (max-width: 767px) { .info-box { padding: 100px 0 80px 0; } .info-box-img { position: relative; width: 100%; background: none !important; } .info-box-bg-left .info-box-img { left: 0; } .info-box-bg-right .info-box-img { right: 0; } .info-box-img img { display: block; width: 100%; margin-bottom: 20px; } } /* ========================================================================== =Milestones ========================================================================== */ .milestone { position: relative; margin-bottom: 30px; text-align: center; } /* * 1. Clearfix hack */ .milestone:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } .milestone i { z-index: 2; margin-right: 10px; font-size: 32px; } .milestone .milestone-content { z-index: 1; color: #000; font-family: "Raleway", Arial, sans-serif; font-size: 60px; line-height: 100px; } .milestone .milestone-description { font-size: 14px; line-height: 24px; text-transform: uppercase; } /* ========================================================================== =Modal window ========================================================================== */ .white-popup { position: relative; width: auto; max-width: 500px; padding: 20px; margin: 20px auto; background: #fff; } /* ========================================================================== =Our Process ========================================================================== */ /* =Horizontal process ========================================================================== */ .horizontal-process-builder { position: relative; margin-bottom: 40px; list-style: none; text-align: center; } .horizontal-process-builder:before { position: absolute; z-index: 1; top: 40px; left: 0; display: block; width: 100%; border-top: 2px solid #5c5f96; content: ""; } .horizontal-process-builder li { float: left; width: 25%; } .horizontal-process-builder li i, .horizontal-process-builder li h1, .horizontal-process-builder li img { position: relative; z-index: 2; display: block; width: 80px; height: 80px; overflow: hidden; border-radius: 50%; margin: 0 auto 20px; background-color: #5c5f96; background-clip: padding-box; color: #fff; font-size: 24px; line-height: 80px; -webkit-transition: all 0.3s; transition: all 0.3s; } .horizontal-process-builder li:hover i, .horizontal-process-builder li:hover h1, .horizontal-process-builder li:hover img { background-color: #00c5e9; box-shadow: 7px 10px 20px 0 rgba(0, 0, 0, 0.3); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .horizontal-process-builder.three-items li { width: 33.3333333333%; } .horizontal-process-builder.four-items li { width: 25%; } .horizontal-process-builder.five-items li { width: 20%; } .process-description { margin-top: 50px; font-size: 18px; line-height: 34px; } /* * 1. Clearfix hack */ .horizontal-process-builder:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } @media (max-width: 767px) { .horizontal-process-builder li { float: none; width: 100%; margin-bottom: 40px; } .horizontal-process-builder:before { content: none; } .horizontal-process-builder.three-items li { width: 100%; } .horizontal-process-builder.four-items li { width: 100%; } .horizontal-process-builder.five-items li { width: 100%; } } /* ========================================================================== =Pie charts ========================================================================== */ .pie-chart { position: relative; margin: 0 auto 30px; text-align: center; } .pie-chart canvas { position: absolute; z-index: 1; top: 0; left: 0; } .pie-chart i, .pie-chart .pie-chart-custom-text, .pie-chart .pie-chart-percent { position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 100%; color: #000; font-family: "Raleway", Arial, sans-serif; text-align: center; } .pie-chart img { max-width: 100%; vertical-align: middle; } .pie-chart .pie-chart-custom-text { position: absolute; top: 50px; left: 0; right: 0; font-size: 14px; } .pie-chart .pie-chart-percent { font-size: 48px; } .pie-chart-description { display: block; font-size: 12px; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .pie-chart .pie-chart-percent { font-size: 32px; } .pie-chart .pie-chart-custom-text { top: 30px; } } /* ========================================================================== =Pricing Tables ========================================================================== */ .pricing-table { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 0 15px 0; border: 1px solid #d7d7d7; border-radius: 20px; box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2); margin-bottom: 30px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .pricing-table-header {} .pricing-table-header h1 { padding: 40px 0 30px 0; margin-top: 10px; margin-bottom: 0; background-color: #00c5e9; color: #fff; font-size: 72px; line-height: 40px; } .pricing-table-header h1 sub { margin-right: -15px; font-size: 30px; vertical-align: text-bottom; } .pricing-table-header h1 small { display: block; font-size: 18px; } .pricing-table-header h3 { margin-bottom: 0; } .pricing-table-offer { padding: 40px 0; border-bottom: 1px solid #d7d7d7; margin-bottom: 35px; box-shadow: inset 0 20px 30px -10px rgba(0, 0, 0, 0.2); background-color: #f4f4f4; color: #7c7c7c; } .pricing-table-offer > *:last-child { margin-bottom: 0; } .pricing-table-offer ul { font-family: "Raleway", Arial, sans-serif; font-size: 16px; list-style: none; } .pricing-table-offer ul li { margin-bottom: 10px; } .pricing-table-offer ul li:last-child { margin-bottom: 0; } .pricing-table:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* ========================================================================== =Progress Bar ========================================================================== */ .progress-bar-description { display: block; margin-bottom: 18px; line-height: 14px; } .progress-bar { position: relative; display: block; height: 7px; margin-bottom: 18px; background-color: #d7d7d7; } .progress-percentage { position: absolute; top: -37px; right: 0; } .progress-bar .progress-bar-outer { position: absolute; top: 0; left: 0; height: 100%; background-color: #00c5e9; } .progress-bar .progress-bar-outer .progress-bar-inner { position: absolute; z-index: 1; overflow: hidden; top: 0; left: 0; display: block; height: 100%; width: 100%; } /* ========================================================================== =Revolution Slider ========================================================================== */ /* =Rev Slider Basics ========================================================================== */ .fullwidthbanner-container { position: relative; overflow: hidden; width: 100% !important; padding: 0; margin: 0; } .fullwidthbanner-container ul { list-style: none; } .fullwidthbanner-container .fullwidthbanner { position: relative; width: 100% !important; } /** * 1. We apply the max-height using an extra class to make the transition to WP more easy * If we apply the max-heigh directly to .fullwidthbanner-container, in WP, it would overwrite the height setting you make in the plugin */ .slider-revolution.fullwidthbanner-container { max-height: 600px !important; /* 1 */ border-bottom: 5px solid #000; margin-bottom: 120px; } .slider-revolution.fullwidthbanner-container .fullwidthbanner { max-height: 600px !important; /* 1 */ } /* =Rev Slider Pager ========================================================================== */ /** * 1. changing the z-index from 1000 so that the bullets don't go over the sticky menu */ .tp-bullets { z-index: 100; /* 1 */ } .tp-bullets.custom .tp-bullet { width: 10px; height: 10px; border-radius: 50%; margin: 0 3px; background: #000; } .tp-bullets.custom .tp-bullet.selected { background: #00c5e9; } /* =Rev Slider navigation ========================================================================== */ .tp-leftarrow.custom, .tp-rightarrow.custom { width: 40px; height: 40px; border-radius: 10px; opacity: 0.5; } .tp-leftarrow.custom { background: #00c5e9 url(././assets/images/left.png) no-repeat center center; } .tp-rightarrow.custom { background: #00c5e9 url(././assets/images/right.png) no-repeat center center; } .tp-leftarrow.custom:hover, .tp-rightarrow.custom:hover { background-color: #00c5e9; opacity: 1; } /* =Rev Slider bannertimer ========================================================================== */ .tp-bannertimer { background: #00c5e9; } .tp-bannertimer.tp-bottom { bottom: -5px; } /* =Rev Slider Typography ========================================================================== */ .tp-caption.title { color: #000; font-family: "Raleway", Arial, sans-serif; font-size: 60px; font-weight: 700; } .tp-caption.subtitle { color: #000; font-family: "Raleway", Arial, sans-serif; font-size: 36px; font-weight: 700; } .tp-caption.text { color: #000; } .tp-caption .btn:hover { color: #fff; } .tp-caption .btn { -webkit-transition: all 0.3s !important; transition: all 0.3s !important; } @media (min-width: 768px) and (max-width: 991px) { .tp-leftarrow.default, .tp-rightarrow.default { display: none; } } @media (max-width: 767px) { .tp-leftarrow.default, .tp-rightarrow.default { display: none; } .tp-bullets { bottom: 0 !important; } } /* ========================================================================== =Social Media ========================================================================== */ a.social-icon { display: inline-block; margin-right: 25px; margin-bottom: 1px; color: #7c7c7c; text-align: center; } a.social-icon:last-child { margin-right: 0; } a.social-icon i { font-size: 18px; line-height: 30px; } a.social-icon:hover { text-decoration: none; } a.facebook-icon:hover { color: #0e59a0 !important; } a.twitter-icon:hover { color: #0ea4ff !important; } a.dribble-icon:hover { color: #ea73a0 !important; } a.pinterest-icon:hover { color: #d73532 !important; } a.googleplus-icon:hover { color: #d95232 !important; } a.tumblr-icon:hover { color: #586980 !important; } a.instagram-icon:hover { color: #82685a !important; } a.rss-icon:hover { color: #f79638 !important; } a.linkedin-icon:hover { color: #018faf !important; } a.skype-icon:hover { color: #00b0f6 !important; } a.flickr-icon:hover { color: #0061db !important; } a.vimeo-icon:hover { color: #63879c !important; } a.github-icon:hover { color: #3b3b3b !important; } a.youtube-icon:hover { color: #cc181e !important; } a.windows-icon:hover { color: #6dc2e9 !important; } a.dropbox-icon:hover { color: #007ee5 !important; } a.xing-icon:hover { color: #026566 !important; } a.adn-icon:hover { color: #1ea076 !important; } a.android-icon:hover { color: #98cb02 !important; } a.apple-icon:hover { color: #000000 !important; } a.behance-icon:hover { color: #2d9ad2 !important; } a.bitbucket-icon:hover { color: #214f81 !important; } a.bitcoin-icon:hover { color: #f7931b !important; } a.codepan-icon:hover { color: #000000 !important; } a.css3-icon:hover { color: #3289ce !important; } a.delicious-icon:hover { color: #3399fe !important; } a.deviantart-icon:hover { color: #c8da30 !important; } a.digg-icon:hover { color: #0080c2 !important; } a.drupal-icon:hover { color: #0077b9 !important; } a.empire-icon:hover { color: #000000 !important; } a.foursquare-icon:hover { color: #daecb0 !important; } a.git-icon:hover { color: #f34f29 !important; } a.gitti-icon:hover { color: #634c3e !important; } a.hacker-news-icon:hover { color: #f18642 !important; } a.html5-icon:hover { color: #e54c1f !important; } a.joomla-icon:hover { color: #016fb9 !important; } a.jsfiddle-icon:hover { color: #4679a4 !important; } a.linux-icon:hover { color: #fece0e !important; } a.maxcdn-icon:hover { color: #f36f20 !important; } a.openid-icon:hover { color: #fe6101 !important; } a.pagelines-icon:hover { color: #3783e3 !important; } a.pied-piper-icon:hover { color: #0c7b48 !important; } a.qq-icon:hover { color: #23286c !important; } a.rebel-icon:hover { color: #000000 !important; } a.reddit-icon:hover { color: #cee3f8 !important; } a.renren-icon:hover { color: #0d81e4 !important; } a.share-icon:hover { color: #252525 !important; } a.slack-icon:hover { color: #453744 !important; } a.soundcloud-icon:hover { color: #fe4e00 !important; } a.spotify-icon:hover { color: #80bb41 !important; } a.stack-exchange-icon:hover { color: #265a93 !important; } a.stackoverflow-icon:hover { color: #fea501 !important; } a.steam-icon:hover { color: #191919 !important; } a.stumbleupon-icon:hover { color: #f04f23 !important; } a.tencent-weibo-icon:hover { color: #0063a7 !important; } a.trello-icon:hover { color: #226784 !important; } a.vine-icon:hover { color: #00b081 !important; } a.vk-icon:hover { color: #50769d !important; } a.wechat-icon:hover { color: #a4dc31 !important; } a.weibo-icon:hover { color: #d82828 !important; } a.wordpress-icon:hover { color: #454442 !important; } a.yahoo-icon:hover { color: #4b04a8 !important; } /* ========================================================================== =Tabs ========================================================================== */ /* =Horizontal tabs ========================================================================== */ .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-tab>a, .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-panel .vc_tta-panel-title>a { padding: 15px 35px; background-color: #f4f4f4; color: #000; border: none; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-tab.vc_active>a, .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-tab>a:hover, .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-title>a, .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-panel .vc_tta-panel-title>a:hover { background-color: #00c5e9; color: #fff; } /* ========================================================================== =Testimonials ========================================================================== */ .testimonial { margin: 50px 0; } .testimonial blockquote { position: relative; padding: 80px 100px; border-radius: 0; margin-bottom: 50px; box-shadow: none; background-color: #f4f4f4; } .testimonial blockquote:before { position: absolute; top: 0; left: 50%; display: block; width: 70px; height: 70px; border: 10px solid #fff; border-radius: 50%; background-color: #00c5e9; color: #fff; font-family: "Raleway", Arial, sans-serif; font-size: 72px; line-height: 110px; content: "\201c"; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .testimonial blockquote:after { position: absolute; bottom: -30px; left: 0; width: 0; height: 0; border-top: 30px solid #f4f4f4; border-right: 50px solid transparent; content: ""; } .testimonial img { float: left; margin-right: 50px; } .testimonial > h3 { padding-top: 70px; margin-bottom: 0; color: #00c5e9; } /* * 1. Clearfix hack */ .testimonial:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } @media (max-width: 767px) { .testimonial blockquote { padding: 50px 20px; } .testimonial img { float: none; } .testimonial > h3 { padding-top: 20px; } } /* ========================================================================== =Team Member ========================================================================== */ .team-member { margin-bottom: 50px; } .team-member-img { position: relative; margin-bottom: 30px; } .team-member-img img { display: block; width: 100%; } .team-member-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 197, 233, 0.75); color: #fff; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; } .team-member-overlay a { position: absolute; top: 50%; left: 50%; color: #fff; font-size: 22px; text-decoration: none; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .team-member h3 { margin-bottom: 0; } .team-member h6 { margin-bottom: 30px; } .team-member .social-media { padding-top: 20px; border-top: 1px solid #d7d7d7; margin-top: 40px; } .team-member:hover .team-member-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* ========================================================================== =Timeline ========================================================================== */ .timeline { position: relative; padding-top: 100px; margin-bottom: 100px; list-style: none; } .timeline:before { position: absolute; top: 10px; left: 50%; height: 100%; border-left: 1px solid #d6d6d6; content: ""; } .timeline li { position: relative; } .timeline li:before { position: absolute; top: 0; left: 50%; display: block; width: 23px; height: 23px; border-radius: 50%; background-color: #00c5e9; content: ""; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } .left-side, .right-side { position: relative; float: left; width: 50%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .left-side { padding-right: 100px; } .right-side { padding-left: 100px; } .timeline li h3 { -webkit-transition: color 0.3s; transition: color 0.3s; } .timeline li:hover h3 { color: #00c5e9; } .timeline li:hover:before { width: 29px; height: 29px; box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.2); } /* * 1. Clearfix hack */ .timeline li:after { /* 1 */ visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } @media (min-width: 768px) and (max-width: 991px) { .left-side { padding-right: 50px; } .right-side { padding-left: 50px; } } @media (max-width: 767px) { .left-side, .right-side { float: left; width: 100%; } .left-side { padding-right: 0; } .right-side { padding-left: 0; } .timeline:before, .timeline li:before { display: none; } .timeline li { margin-bottom: 50px; } .timeline li:last-child { margin-bottom: 0; } } /* ========================================================================== =Bx Slider ========================================================================== */ /* =Bx Slider reset ========================================================================== */ .bx-wrapper { margin: 0 auto 40px; } .bx-pager, .bx-controls-auto, .bx-controls-direction { z-index: 100; } /* =Bx Slider theme ========================================================================== */ .bx-wrapper { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; } /* =Bx Slider Pager ========================================================================== */ .bx-wrapper .bx-pager.bx-default-pager a { background-color: #00c5e9; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 30px; } /* =Bx Slider Dir Nav ========================================================================== */ .bx-wrapper .bx-prev { left: 0; background: #000 url(././assets/images/left.png) no-repeat center center; } .bx-wrapper .bx-next { right: 0; background: #000 url(././assets/images/right.png) no-repeat center center; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { background-position: center center; } /* * 1. We are changing the original z-index from 9999 to 1000 so that it doesn't overlap other elements that need to be above this one */ .bx-wrapper .bx-controls-direction a { width: 48px; height: 48px; z-index: 1000; /* 1 */ } .testimonial-slider .bx-wrapper .bx-pager { text-align: right; } .error-section { padding-top: 150px; margin-top: 150px; } .error-section img { margin-top: -30%; } /* ========================================================================== =WordPress Default Classes ========================================================================== */ .income-inline-style { display: none; } /* Align */ .alignleft { float: left; display: inline; } .alignright { float: right; display: inline; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } blockquote.alignleft, .wp-caption.alignleft, .caption.alignleft, img.alignleft { margin: 0 20px 20px 0; } blockquote.alignright, .wp-caption.alignright, .caption.alignright, img.alignright { margin: 0 0 20px 20px; } blockquote.aligncenter, .wp-caption.aligncenter, .caption.aligncenter, img.aligncenter { margin-top: 5px; margin-bottom: 20px; clear: both; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter, .caption.alignleft, .caption.alignright, .caption.aligncenter { margin-bottom: 20px; } /* Caption */ .caption, .wp-caption { max-width: 100%; margin-bottom: 20px; } .wp-caption img[class*="wp-image-"] { margin: 0; } .caption-text, .wp-caption-text { padding: 10px 0; color: #bbbbbb; } /* Gallery */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.79104477%; text-align: center; vertical-align: top; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { display: block; padding: 10px 0; color: #bbbbbb; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Text meant only for screen readers */ .says, .screen-reader-text { position: absolute !important; overflow: hidden; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); } /* ========================================================================== =WordPress Post(s) ========================================================================== */ .post { position: relative; margin-bottom: 50px; } .recent-posts-container span3, .recent-posts-container span4, .recent-posts-container span6 { vertical-align: top; display: inline-block; float: none; } .post + .post { margin-top: 80px; } .post-thumbnail { display: block; margin-bottom: 50px; } .post-thumbnail img { display: block; } a.post-thumbnail {} .sticky { padding: 60px 40px 40px; border: 1px solid #d7d7d7; } .sticky.has-post-thumbnail { padding-top: 0; } .sticky.has-post-thumbnail .post-thumbnail { margin-right: -40px; margin-left: -40px; } .sticky-post { position: absolute; top: 0; padding: 3px 6px; background-color: #00c5e9; color: #fff; font-weight: 700; text-transform: uppercase; } .sticky-post:after { display: none; } .post-header { padding: 0; } .post-header span:after { margin-left: 12px; content: "|"; } .post-header span:last-child:after { display: none; } .post-title { margin-bottom: 0; } .post-title a { color: #000; } .post-title a:hover { color: #00c5e9; text-decoration: none; } .post-content, .post-summary { padding-top: 20px; } /* * 1. Clearfix hack */ .post-content:after, .post-summary:after { /* 1 */ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .post-content > :last-child, .post-summary > :last-child { margin-bottom: 0; } .post-content iframe { max-width: 100%; } .post-content .more-link { margin-top: 30px; } .post-content .more-link, .post-summary .more-link:after { white-space: nowrap; } .post-footer { padding: 0; } /* * 1. Clearfix hack */ .post-header:after, .post-content:after, .post-summary:after, .post-footer:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } .sticky .posted-on { display: none; } .posted-on, .byline, .cat-links, .tags-links, .comments-link, .post-format, .full-size-link { margin-right: 10px; color: #5c5f96; font-family: "Raleway", Arial, sans-serif; } .posted-on a, .byline a, .cat-links a, .tags-links a, .comments-link a, .post-format a, .full-size-link a { color: #5c5f96; } .single-post-tags { text-align: left; } .format-standard .post-format:before { font-family: 'FontAwesome'; content: "\f0f6"; } .format-aside .post-format:before { font-family: 'FontAwesome'; content: "\f10c"; } .format-image .post-format:before { font-family: 'FontAwesome'; content: "\f03e"; } .format-gallery .post-format:before { font-family: 'FontAwesome'; content: "\f00a"; } .format-video .post-format:before { font-family: 'FontAwesome'; content: "\f1c8"; } .format-status .post-format:before { font-family: 'FontAwesome'; content: "\f044"; } .format-quote .post-format:before { font-family: 'FontAwesome'; content: "\f10e"; } .format-link .post-format:before { font-family: 'FontAwesome'; content: "\f0c1"; } .format-chat .post-format:before { font-family: 'FontAwesome'; content: "\f18d"; } .format-audio .post-format:before { font-family: 'FontAwesome'; content: "\f027"; } .format-aside {} .format-image {} .format-video {} .format-quote {} .format-gallery {} .format-status {} .format-link {} .format-audio {} .format-chat {} /* ========================================================================== =WordPress pagination and navigation ========================================================================== */ .pagination { margin-bottom: 50px; } /* * 1. Clearfix hack */ .pagination:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } .pagination .nav-links {} .pagination .page-numbers { display: inline-block; width: 36px; height: 36px; border: 2px solid #00c5e9; border-radius: 10px; margin-right: 5px; font-family: "Raleway", Arial, sans-serif; font-size: 15px; line-height: 36px; text-align: center; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .pagination .page-numbers:last-child { margin-right: 0; } .pagination .page-numbers:hover, .pagination .page-numbers.current { background-color: #00c5e9; color: #fff; } .pagination .current {} .pagination .page-numbers.dots { border: none; } .pagination .page-numbers.dots:hover { background-color: transparent; color: #00c5e9; } .pagination .prev, .pagination .next {} .pagination .prev:before, .pagination .next:before { font-family: "FontAwesome"; } .pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus {} .pagination .prev {} .pagination .prev:before { content: "\f104"; } .pagination .next {} .pagination .next:before { content: "\f105"; } /* ========================================================================== =WordPress Comments ========================================================================== */ .comments-area { margin-top: 100px; } .comments-area > :last-child { margin-bottom: 0; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 20px; } .comments-title, .comment-reply-title {} .comments-title { margin: 20px 0; } .comment-list { margin: 100px 0; list-style: none; } .comment-list > li + li { margin-top: 50px; } .comment-list > li.pingback + li.pingback { margin-top: 0; } .comment-list .pingback, .comment-list .trackback { padding-bottom: 20px; border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; } .comment-list .children { margin: 0; margin-top: 50px; list-style: none; } .comment-list .children > li { padding-left: 100px; } .bypostauthor {} .comment-author {} .comment-author .fn { display: inline-block; padding-top: 17px; } .comment-author a { color: #000; font-family: "Raleway", Arial, sans-serif; } .comment-author a:hover {} .comment-author .avatar { float: left; display: block; width: 80px; height: 80px; border-radius: 50%; margin-right: 20px; } .comment-meta { margin-bottom: 20px; } .comment-meta a { color: #7c7c7c; font-family: "Raleway", Arial, sans-serif; } #comments h3#reply-title { font-size: 18px; line-height: 26px; } .comment-metadata, .pingback .edit-link {} .comment-metadata a, .pingback .edit-link a {} .comment-metadata a:hover, .pingback .edit-link a:hover {} .comment-metadata a:hover, .comment-metadata a:focus, .pingback .edit-link a:hover, .pingback .edit-link a:focus {} .comment-metadata { margin-bottom: 20px; } .comment-metadata .edit-link { margin-left: 15px; } .pingback .edit-link { margin-left: 15px; } .pingback .edit-link:before { top: 0; } .comment-content ul, .comment-content ol { margin: 0 0 20px 20px; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .reply { margin-bottom: 20px; } .comment-list .reply a { display: inline-block; } .comment-list .reply a:hover, .comment-list .reply a:focus {} .comment-body .comment-content p { margin-bottom: 20px; } .comments-nav.navigation { margin-bottom: 70px; } .comments-nav.navigation .nav-previous, .comments-nav.navigation .nav-previous { margin-right: 20px; float: left; } @media (max-width: 767px) { .comment-list .children > li { padding-left: 0; } } /* ========================================================================== =WordPress Comments Navigation ========================================================================== */ .comment-navigation { text-transform: uppercase; } .comment-navigation a {} .comment-navigation a:hover, .comment-navigation a:focus {} .comment-navigation .nav-previous:not(:empty), .comment-navigation .nav-next:not(:empty) { display: inline-block; } .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { margin: 0 10px; font-weight: 400; content: "\2215"; } .comment-navigation .nav-previous a:before { position: relative; margin-right: 3px; font-family: "FontAwesome"; content: "\f104"; } .comment-navigation .nav-next a:after { position: relative; margin-left: 3px; font-family: "FontAwesome"; content: "\f105"; } .comment-navigation { padding: 20px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; } .comments-title + .comment-navigation { border-bottom: 0; } /* ========================================================================== =WordPress Comment Form ========================================================================== */ .comment-form { margin: 70px 0; } .comment-form label {} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="submit"], .comment-form textarea { margin-bottom: 30px; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags {} .logged-in-as a:hover {} .no-comments { border-top: 1px solid #d7d7d7; padding-top: 20px; } .comment-navigation + .no-comments { border-top: 0; } .form-allowed-tags code {} .form-submit { margin-bottom: 0; } .required { color: #ff433e; } .comment-reply-title small {} .comment-reply-title small a {} /* ========================================================================== =WordPress Widgets ========================================================================== */ /* =Widgets default ========================================================================== */ .widget { margin-bottom: 80px; } #footer-top .widget:last-child, #footer .widget:last-child, #footer-bottom .widget:last-child { margin-bottom: 0; } #footer-top .widget:first-child { padding-top: 40px; } #footer-top .widget:last-child { padding-bottom: 40px; } /** * 1. The last element of every widget shouldn't have a margin bottom. used for spacing purposes */ .widget > :last-child { margin-bottom: 0; /* 1 */ } .widget-title { margin-bottom: 40px; line-height: 18px; } #footer .widget-title { font-size: 14px; text-transform: uppercase; } /* =Text Widget ========================================================================== */ .widget_text {} .textwidget {} /** * 1. The last element inside text widget shouldn't have margin bottom */ .textwidget > :last-child { margin-bottom: 0; /* 1 */ } /* =Search Widget ========================================================================== */ .widget_search {} #searchform { position: relative; } #s { display: inline-block; width: 100%; padding-right: 30px; border-left: none; border-radius: 0; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #searchsubmit { position: absolute; top: 0; right: 0; padding: 15px; vertical-align: inherit; background: url(././assets/images/bg-search.png) no-repeat center center; } /* =Recent Entries Widget ========================================================================== */ .widget_recent_entries {} .widget_recent_entries ul { list-style: none; } .widget_recent_entries ul li { padding-bottom: 20px; } .widget_recent_entries ul li:last-child { padding-bottom: 0; } .widget_recent_entries ul li a {} .widget_recent_entries ul li .post-date { display: block; } /* =Pages Widget ========================================================================== */ .widget_pages {} .widget_pages ul { list-style: none; } .widget_pages ul li { margin-bottom: 10px; } .widget_pages ul li:last-child { margin-bottom: 0; } .widget_pages a { font-family: "Raleway", Arial, sans-serif; font-size: 16px; color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .widget_pages a:hover { color: #00c5e9; text-decoration: none; } .widget_pages a:before { display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #00c5e9; margin-right: 15px; opacity: 0; content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .widget_pages a:hover:before { opacity: 1; } .widget_pages .children {} #footer-top .widget_pages a:before { border-left-color: #fff; } .widget_pages ul li { margin-bottom: 7px; } #footer .widget_pages a { font-size: 13px; } #footer .widget_pages a:before { display: none; } #footer-bottom .widget_pages ul li { display: inline-block; margin-right: 15px; margin-bottom: 0; } #footer-bottom .widget_pages ul li:last-child { margin-right: 0; } #footer-bottom .widget_pages a { font-size: 12px; text-transform: uppercase; } #footer-bottom .widget_pages a:before { display: none; } /* =Archive Widget ========================================================================== */ .widget_archive {} .widget_archive ul { list-style: none; } .widget_archive ul li { margin-bottom: 10px; } .widget_archive ul li:last-child { margin-bottom: 0; } .widget_archive a { font-family: "Raleway", Arial, sans-serif; font-size: 16px; color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .widget_archive a:hover { color: #00c5e9; text-decoration: none; } .widget_archive a:before { display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #00c5e9; margin-right: 15px; opacity: 0; content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .widget_archive a:hover:before { opacity: 1; } .widget_archive select {} .widget_archive option {} #footer-top .widget_archive a:before { border-left-color: #fff; } #footer .widget_archive a:before, #footer-bottom .widget_archive a:before { border-left-color: #cdcdcd; } /* =Categories Widget ========================================================================== */ .widget_categories {} .widget_categories ul { list-style: none; } .widget_categories ul li { margin-bottom: 10px; } .widget_categories ul li:last-child { margin-bottom: 0; } .widget_categories a { font-family: "Raleway", Arial, sans-serif; font-size: 16px; color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .widget_categories a:hover { color: #00c5e9; text-decoration: none; } .widget_categories a:before { display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #00c5e9; margin-right: 15px; opacity: 0; content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .widget_categories a:hover:before { opacity: 1; } .widget_categories ul ul.children {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} #footer-top .widget_categories a:before { border-left-color: #fff; } #footer .widget_categories a:before, #footer-bottom .widget_categories a:before { border-left-color: #cdcdcd; } /* =Meta Widget ========================================================================== */ .widget_meta {} .widget_meta ul { list-style: none; } .widget_meta ul li { margin-bottom: 10px; } .widget_meta ul li:last-child { margin-bottom: 0; } .widget_meta a { font-family: "Raleway", Arial, sans-serif; font-size: 16px; color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .widget_meta a:hover { color: #00c5e9; text-decoration: none; } .widget_meta a:before { display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #00c5e9; margin-right: 15px; opacity: 0; content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .widget_meta a:hover:before { opacity: 1; } #footer-top .widget_meta a:before { border-left-color: #fff; } #footer .widget_meta a:before, #footer-bottom .widget_meta a:before { border-left-color: #cdcdcd; } /* =Recent Comments Widget ========================================================================== */ .widget_recent_comments {} #recentcomments { list-style: none; } #recentcomments li {} #recentcomments li a {} .recentcomments {} /* =Tag Cloud Widget ========================================================================== */ .widget_tag_cloud {} .widget_tag_cloud a { display: inline-block; padding: 7px 20px; border-radius: 15px; margin: 0 5px 20px 0; background-color: #00c5e9; color: #fff; font-family: "Raleway", Arial, sans-serif; font-size: 13px; -webkit-transition: all 0.3s; transition: all 0.3s; } .widget_tag_cloud a:hover { border-radius: 0; background: #5c5f96; text-decoration: none; } .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} #footer .widget_tag_cloud a, #footer-bottom .widget_tag_cloud a { color: #fff; } /* =Calendar Widget ========================================================================== */ .widget_calendar {} #calendar_wrap {} #calendar_wrap th, #calendar_wrap td { padding: 0; line-height: 2.5; text-align: center; } #wp-calendar tr td {} #wp-calendar caption { font-weight: 700; text-transform: uppercase; } #wp-calendar tbody a { display: block; background-color: #00c5e9; color: #fff; font-weight: 700; } #wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} /* =Nav Menu Widget ========================================================================== */ .widget_nav_menu {} .widget_nav_menu ul { list-style: none; } .widget_nav_menu ul li { margin-bottom: 10px; } .widget_nav_menu ul li:last-child { margin-bottom: 0; } .widget_nav_menu a { font-family: "Raleway", Arial, sans-serif; font-size: 16px; color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .widget_nav_menu a:hover { color: #00c5e9; text-decoration: none; } .widget_nav_menu a:before { display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #00c5e9; margin-right: 15px; opacity: 0; content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .widget_nav_menu a:hover:before { opacity: 1; } .widget_nav_menu .sub-menu {} #footer-top .widget_nav_menu a:before { border-left-color: #fff; } #footer .widget_nav_menu a:before, #footer-bottom .widget_nav_menu a:before { border-left-color: #cdcdcd; } /* =RSS Widget ========================================================================== */ .widget_rss {} .widget_rss ul { margin: 0; list-style: none; } .widget_rss li { margin-bottom: 20px; } .widget_rss ul:last-child, .widget_rss li:last-child { margin-bottom: 0; } .widget_rss .rsswidget {} .widget_rss .rsswidget img { margin-top: -4px; } .widget_rss .rss-date, .widget_rss cite { display: block; line-height: 3; font-weight: 700; } /* ========================================================================== =WordPress Custom Widgets ========================================================================== */ /* =Income Twitter widget ========================================================================== */ .income_widget_latest_tweets {} .income-tweet-list { position: relative; padding-left: 50px; } .income-tweet-list:before { position: absolute; top: 0; left: 0; color: #00c5e9; font-family: "FontAwesome"; font-size: 32px; content: "\f099"; } .income-tweet-list .tweet { word-wrap: break-word; } .income-tweet-list ul { list-style: none; } .income-tweet-list .interact { text-align: center; } .income-tweet-list .interact a { margin-right: 10px; } .income-tweet-list .interact a:last-child { margin-right: 0; } /* =Income Flickr widget ========================================================================== */ .income_widget_flickr {} .flickr-feed {} .flickr-feed .flickr_badge_image { display: inline; } .flickr-feed img { width: 85px; height: auto; padding: 0 2px 2px 0; border: none; } @media (min-width: 768px) and (max-width: 991px) { .flickr-feed img { width: 75px; } } /* =Income Contact Info widget ========================================================================== */ .income_widget_contact_info {} .income_widget_contact_info ul { margin-bottom: 0; list-style: none; } .income_widget_contact_info ul li { position: relative; padding-left: 30px; margin-bottom: 15px; font-family: "Raleway", Arial, sans-serif; } .income_widget_contact_info ul li:last-child { margin-bottom: 0; } .income_widget_contact_info ul li i { position: absolute; top: 2px; left: 0; font-size: 20px; } .income_widget_contact_info ul li a {} .fullwidth-section .income_widget_contact_info ul li, #footer-top .income_widget_contact_info ul li { float: left; width: 33.33333333%; padding-left: 0; margin-bottom: 0; text-align: center; } .fullwidth-section .income_widget_contact_info ul li i, #footer-top .income_widget_contact_info ul li i { position: relative; top: 0; display: block; margin-bottom: 10px; font-size: 32px; } /* * 1. Clearfix hack */ .income_widget_contact_info ul:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } @media (max-width: 767px) { .fullwidth-section .income_widget_contact_info ul li, #footer-top .income_widget_contact_info ul li { float: none; width: 100%; margin-bottom: 30px; } #footer-top .income_widget_contact_info ul li:last-child, #footer-top .income_widget_contact_info ul li:last-child { margin-bottom: 0; } } /* =Income Newsletter subscribe widget ========================================================================== */ .income_widget_newsletter {} #newsletter-subscribe-form {} #newsletter-subscribe-form input[type="text"] { width: 100%; } #newsletter-subscribe-form input[type="submit"] { margin: 0; } /* =Income Latest posts widget ========================================================================== */ .income_widget_latest_posts {} .income_widget_latest_posts ul { list-style: none; } .income_widget_latest_posts ul li { margin-bottom: 30px; } .income_widget_latest_posts ul li:last-child { margin-bottom: 0; } .income_widget_latest_posts ul li img { float: left; margin-right: 15px; } .income_widget_latest_posts ul li .title { color: #000; font-family: "Raleway", Arial, sans-serif; font-size: 16px; } .income_widget_latest_posts ul li .post-date { color: #00c5e9; font-family: "Raleway", Arial, sans-serif; } .income_widget_latest_posts ul li p { margin-bottom: 0; } .income_widget_latest_posts ul li .read-more { font-size: 12px; font-style: italic; } .income_widget_latest_posts ul li img { max-width: 115px; max-height: 115px; } /* * 1. Clearfix hack */ .income_widget_latest_posts ul li:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } #footer .income_widget_latest_posts ul li { margin-bottom: 20px; } #footer .income_widget_latest_posts ul li, #footer .income_widget_latest_posts ul li .title { font-size: 13px; } #footer .income_widget_latest_posts ul li img { margin-top: 6px; } @media (min-width: 768px) and (max-width: 991px) { .income_widget_latest_posts ul li img { display: none; } } /* =Income Navigation widget ========================================================================== */ .income_widget_navigation {} .income_widget_navigation ul { list-style-type: none; list-style-position: outside; } .income_widget_navigation li { border-bottom: 1px solid #d7d7d7; } .income_widget_navigation li:last-child { border-bottom: none; } .income_widget_navigation li a { display: block; padding: 10px 0; } .income_widget_navigation li a:hover { text-decoration: none; } /* =Income Social media widget ========================================================================== */ .income_widget_social_media {} /* * 1. Clearfix hack */ .income_widget_social_media:after { /* 1 */ visibility: hidden; display: table; height: 0; font-size: 0; content: " "; clear: both; } #footer-bottom .income_widget_social_media { text-align: right; } @media (max-width: 768px) { #footer-bottom .income_widget_social_media { text-align: left; } } /* ========================================================================== =Row parallax ========================================================================== */ /** * * 1. We add background-size cover so the parallax looks ok if you provide smaller images * */ .parallax.parallax-enabled { background-attachment: fixed !important; -webkit-background-size: cover; background-size: cover; /* 1 */ } .horizontal-parallax { background-repeat: repeat; background-position: 0px 0px; } .animated-parallax { background-position: 0px 0px; background-repeat: repeat; } /* ========================================================================== =Custom Color Section ========================================================================== */ .custom-color-selected a, .custom-color-selected h1, .custom-color-selected h2, .custom-color-selected h3, .custom-color-selected h4, .custom-color-selected h5, .custom-color-selected h6, .custom-color-selected ul.check li:before, .custom-color-selected ul.fill-circle li:before, .custom-color-selected .icon-box-1 h4 a, .custom-color-selected .icon-box-2 h4 a, .custom-color-selected .icon-box-3 h4 a, .custom-color-selected .milestone .milestone-content, .custom-color-selected .pie-chart i, .custom-color-selected .pie-chart .pie-chart-custom-text, .custom-color-selected .pie-chart .pie-chart-percent, .custom-color-selected a.social-icon, .custom-color-selected .portfolio-filter ul li a, .custom-color-selected .widget_categories a, .custom-color-selected .widget_pages a, .custom-color-selected .widget_archive a, .custom-color-selected .widget_meta a, .custom-color-selected .widget_nav_menu a, .custom-color-selected .income_widget_latest_posts ul li .title, .custom-color-selected .income-tweet-list:before, .custom-color-selected .income-tweet-list .interact a { color: inherit; } .custom-color-selected .widget_nav_menu a:before, .custom-color-selected .widget_meta a:before, .custom-color-selected .widget_pages a:before, .custom-color-selected .widget_archive a:before, .custom-color-selected .widget_categories a:before { border-left-color: inherit; } .custom-color-selected .portfolio-filter ul li a.active, .custom-color-selected .portfolio-filter ul li a:hover, .custom-color-selected .headline h2 { color: #00c5e9; } .custom-color-selected .testimonial blockquote { background-color: #fff; color: #000; } .custom-color-selected .testimonial blockquote:after { border-top-color: #fff; } .custom-color-selected .testimonial blockquote:before { border: none; } /* =Visual composer ========================================================================== */ .vc_row-o-content-middle>.container-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .vc_row-o-content-bottom>.container-inner { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); } .vc_row .wpb_content_element { margin-bottom: 0; } .income-top-shadow {box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);} /* =Spacing ========================================================================== */ #content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ol, #content ul { padding-left: 15px; padding-right: 15px; } #content .post.type-post { margin-left: 15px; margin-right: 15px; } #content .income-content p, #content .income-content h1, #content .income-content h2, #content .income-content h3, #content .income-content h4, #content .income-content h5, #content .income-content h6, #content .income-content ol, #content .income-content ul, #content .page-header h3, #content .post.type-post p, #content .post.type-post h1, #content .post.type-post h2, #content .post.type-post h3, #content .post.type-post h4, #content .post.type-post h5, #content .post.type-post h6, #content .post.type-post ol, #content .post.type-post ul, #content .vc_row p, #content .vc_row h1, #content .vc_row h2, #content .vc_row h3, #content .vc_row h4, #content .vc_row h5, #content .vc_row h6, #content .vc_row ol, #content .vc_row ul { padding-left: 0; padding-right: 0; } #content .vc_row .post.type-post, #content .income-content .post.type-post { margin-left: 0; margin-right: 0; }