Repository: ScoopThemes/Oleose Branch: master Commit: 380723889e63 Files: 22 Total size: 441.2 KB Directory structure: gitextract_bune9h60/ ├── .gitignore ├── README.md ├── assets/ │ ├── css/ │ │ ├── animate.css │ │ ├── slick.css │ │ └── styles.css │ ├── fonts/ │ │ └── FontAwesome.otf │ ├── js/ │ │ ├── modernizr.custom.32033.js │ │ ├── rs-plugin/ │ │ │ ├── assets/ │ │ │ │ ├── arrows.psd │ │ │ │ ├── bullets.psd │ │ │ │ └── small_arrows.psd │ │ │ ├── css/ │ │ │ │ ├── settings-ie8.css │ │ │ │ └── settings.css │ │ │ └── js/ │ │ │ └── jquery.themepunch.revolution.js │ │ └── scripts.js │ └── less/ │ ├── colors.less │ ├── lib.less │ └── styles.less ├── dist/ │ ├── Documentation/ │ │ └── index.html │ └── Logos/ │ └── themelogos.psd ├── gruntfile.js ├── index.html └── package.json ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitignore ================================================ /node_modules /bower_components /ignore ================================================ FILE: README.md ================================================ ## Oleose - Mobile App Landing Page Oleose is free bootstrap Bootstrap 3 template with eye catching fully responsive design for any app profissional landing page. Template comes with developer friendly and easy to customizable code. It works on all main web browsers 'IE8+', tablets and phones. Template Link & Preview [Oleose Preview](http://www.scoopthemes.com/templates/Oleose-Theme/) ### Author Built with all the love in the world by Scoop Themes. Check more of our open source templates and themes [http://scoopthemes.com](http://scoopthemes.com). Follow us on twitter and stay tuned for any upcoming free items [@ScoopThemes](https://twitter.com/ScoopThemes). ### Features + Built With Bootstrap 3 Latest Stable Version. + Section Animation. + Eye Catching + JQuery Latest Plugins. + Three Predefined Colors. + Three Free Logo PSD. + Mobile Mockups. + Built With LESS. + Well Documented. + SEO Friendly. + W3C Valid HTML5. ### Changelog ##### Version 1.2 + Bootstrap update 3.3.2 + Mobile menu disapear on link click + Changing colors now easier + Better project structure + Bug fixes ### License All demos and examples, whether in a code project’s repository or displayed on a Scoop Themes site, are released under the terms of [CC0](http://en.wikipedia.org/wiki/Creative_Commons_license/). CC0 is even more permissive than the MIT license, allowing you to use the code in any manner you want, without any copyright headers, notices, or other attribution. ================================================ FILE: assets/css/animate.css ================================================ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -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 { 1%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 1%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 1%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 1%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 1% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 1% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 1% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 1% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 1%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 1%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(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 { 1% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 1% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 1% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 1% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 1% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 1% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 1% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 1% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 1% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 1% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 1% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 1% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 1% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 1% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 1% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 1% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 1% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 1% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 1% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 1% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 1% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 1% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 1% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 1% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 1% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 1% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 1% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 1% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 1% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 1% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 1% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 1% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 1% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 1% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 1% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 1% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 1% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 1% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 1% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 1% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 1% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 1% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 1% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 1% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 1% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 1% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 1% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 1% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 1% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 1% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 1% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 1% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 1% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 1% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 1% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 1% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 1% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 1% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 1% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 1% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 1% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 1% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 1% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 1% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 1% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 1% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 1% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 1% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 1% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 1% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 1% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 1% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 1% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 1% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) 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 { 1% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 1% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 1% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 1% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 1% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 1% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 1% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 1% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 1% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 1% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 1% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 1% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 1% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 1% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 1% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 1% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 1% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 1% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 1% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 1% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 1% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 1% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 1% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 1% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 1% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 1% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 1% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 1% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 1% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 1% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 1% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 1% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 1% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 1% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 1% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 1% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 1% { -webkit-transform: rotate(0); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -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: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 1% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 1% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 1% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 1% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 1% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 1% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes zoomIn { 1% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 1% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 1% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 1% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 1% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 1% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 1% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 1% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 1% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 1% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes zoomOut { 1% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } ================================================ FILE: assets/css/slick.css ================================================ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: inherit; touch-action: inherit; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: FontAwesome; font-size: 40px; line-height: 1; color: #ccc; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-prev:before { content: "\f137"; } .slick-next { right: -25px; } .slick-next:before { content: "\f138"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; } .slick-dots li button:focus { outline: none; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: FontAwesome; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; } ================================================ FILE: assets/css/styles.css ================================================ @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900); .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body { font-family: 'Lato', Arial; color: #666666; -webkit-font-smoothing: antialiased; } a { font-family: 'Lato', Arial; -webkit-font-smoothing: antialiased; } div.content { overflow: hidden ; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #666666; } header .navbar-default { background: none; border: none; padding-top: 40px; padding-bottom: 20px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .navbar-default ul.navbar-nav { padding-top: 55px; } header .navbar-default ul.navbar-nav li a { text-transform: capitalize; font-weight: 400; font-size: 16px; padding: 7px 20px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .navbar-default ul.navbar-nav li a:after { content: ''; width: 32px; background: none; height: 4px; position: absolute; bottom: 2px; z-index: 99999; left: 20px; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; color: #ffffff; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .navbar-default ul.navbar-nav li a:hover { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .navbar-default ul.navbar-nav li a:hover:after { background: #ffffff; } header .navbar-default ul.navbar-nav li a.getApp { -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .navbar-default ul.navbar-nav li a.getApp:after { display: none; } header .navbar-default ul.navbar-nav li a:focus { color: #ffffff; } header .navbar-default .navbar-brand { height: auto; padding: 0; } header .navbar-default.scrolled { background: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); padding: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .navbar-default.scrolled .navbar-brand { padding: 15px 20px; } header .navbar-default.scrolled .navbar-brand img { width: auto; max-height: 33px; } header .navbar-default.scrolled ul.navbar-nav { padding-top: 15px; } .scrollpoint { opacity: 0; } .scrollpoint.active { opacity: 1 \0; } .hanging-phone { position: absolute; right: 0; z-index: 0; bottom: -70px; } .section-heading { margin: 60px 0 80px; text-align: center; } .section-heading h1 { display: inline-block; font-size: 55px; font-weight: 300; margin-bottom: 0; } .section-heading p { font-size: 25px; color: #999999; font-weight: 300; } .section-heading .divider:after { content: ""; position: relative; height: 4px; width: 60px; display: block; text-align: center; margin: 13px auto; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; } .section-heading.inverse h1, .section-heading.inverse p { color: #ffffff; } .section-heading.inverse .divider:after { background: #ffffff; } section#about { position: relative; } section#about .about-item { text-align: center; font-size: 17px; line-height: 25px; color: #999999; } section#about .about-item i.fa { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 35px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 104px; } section#features .media i.fa { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 20px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 2.6em; text-align: center; } section#features .media .media-heading { padding-top: 10px; font-weight: 300; } section#features .media .media-body { color: #999999; } section#features .media.feature { margin-top: 25px; } section#features .media.feature:first-child { margin-top: 0; } section#features img { margin: 0 auto 20px; } section#reviews { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } section#reviews .review-filtering { margin: 20px 0 100px 0; } section#reviews .review-filtering .review .review-person { width: 100%; } section#reviews .review-filtering .review .review-person img { width: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 10px auto; } section#reviews .review-filtering .review .review-comment { width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 5px 40px 20px; position: relative; } section#reviews .review-filtering .review .review-comment h3 { margin-bottom: 15px; } section#reviews .review-filtering .review .review-comment p { font-size: 16px; color: #999999; } section#reviews .review-filtering .review .review-comment p span { margin-left: 10px; } section#reviews .review-filtering .review .review-comment:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-width: 15px; margin-top: -10px; } section#reviews .review-filtering .review .review-person, section#reviews .review-filtering .review .review-comment { float: left; } section#reviews .review-filtering .slick-dots { bottom: -80px; } section#reviews .review-filtering .slick-dots li button { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } section#reviews .review-filtering .slick-dots li button:before { display: none; } section#screens .slider { margin: 50px 0; } section#screens .slider div img { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding: 10px; display: inline; } section#screens .slider div h4 { text-align: center; margin-top: 40px; font-size: 16px; } section#screens .slider .slick-dots li button { -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; } section#screens .slick-prev, section#screens .slick-next { width: 50px; height: 50px; top: 44%; } section#screens .slick-slide { text-align: center; } section#screens .slick-prev:before { content: "\f104"; } section#screens .slick-next:before { content: "\f105"; } section#screens .slick-prev:before, section#screens .slick-next:before { font-size: 34px; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; line-height: 45px; color: #CCC; border: 2px solid #CCC; width: 50px; display: inline-block; height: 50px; text-align: center; } section#screens .filter { text-align: center; } section#screens .filter a { display: inline-block; padding: 7px 20px; text-decoration: none; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; margin: 10px 5px; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } /* demo video Section */ section#demo .video-container { padding: 20px; border: 1px solid #b3b3b3; min-height: 450px; overflow: hidden; } section#demo iframe { width: 100%; height: 100%; border: none; } /* Get app Section */ section#getApp { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 70px 0; } section#getApp .platforms { margin: 5px auto 120px auto; text-align: center; } section#getApp .platforms .btn { margin-right: 10px; margin-bottom: 20px; } /* support section */ section#support { padding: 0 0 150px 0; } section#support .media { margin-bottom: 10px; } section#support .media i.fa { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 10px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 1.9em; text-align: center; } section#support .media .media-heading { padding-top: 15px; font-weight: 300; } section#support .media .media-heading a { font-weight: 400; } /* footer section */ footer { padding: 80px 0; text-align: center; } footer a > img { width: 100px; } footer .social { display: block; margin-top: 30px; } footer .social a { margin: 0 8px; padding: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } footer .social a i { width: 1em; } footer .rights { margin-top: 30px; } footer .rights a { text-decoration: underline; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-weight: bold; } footer .rights a:hover { text-decoration: none; } section { position: relative; padding-bottom: 90px; } /* Common style for pseudo-elements */ section::before, section::after { position: absolute; content: ''; pointer-events: none; overflow: hidden; } .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .tp-caption { font-family: 'Lato', Arial !important; -webkit-font-smoothing: antialiased; } .tp-caption.large_white_bold { color: #ffffff; font-size: 65px; font-weight: 400; } .tp-caption.large_white_light { color: #ffffff; font-size: 65px; font-weight: 400; font-weight: 300; } .btn { -webkit-border-radius: 3em; -moz-border-radius: 3em; -ms-border-radius: 3em; -o-border-radius: 3em; border-radius: 3em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 5px 25px; } .btn.btn-primary { border: 2px solid #ffffff; background: none; color: #ffffff; } .btn.btn-primary:hover { color: #ffffff; } .btn.btn-default { border: none; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* IE10+ */ background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .btn.btn-lg { padding: 10px 25px; } .btn:hover { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } form .form-control { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; height: 40px; line-height: 40px; padding: 10px 20px; color: #cfcfcf; border: 2px solid #cccccc; font-weight: 300; } form textarea.form-control { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; height: auto; line-height: normal; } @media screen and (max-width: 640px) { .logo { width: 100px; height: auto; } .slick-next { right: 0; } .slick-prev { left: 0; } .contact-details { margin-top: 20px; } header .navbar-default { padding: 20px; } header .navbar-default .navbar-toggle { margin-top: 0px; margin-right: 0px; background: none; border: 2px solid #ffffff; color: #ffffff; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; } header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus { background: none; } header .navbar-default ul.navbar-nav { padding-top: 0; margin: 0; } header .navbar-default ul.navbar-nav li a { padding: 10px; text-align: center; } header .navbar-default ul.navbar-nav li a.getApp { background: none !important; -webkit-border-radius: 0em; -moz-border-radius: 0em; -ms-border-radius: 0em; -o-border-radius: 0em; border-radius: 0em; } header .navbar-default .navbar-collapse { border-color: transparent; } header .navbar-default.scrolled .navbar-collapse { border-color: transparent; } header .navbar-default.scrolled ul.navbar-nav { padding-top: 0; margin: 0; } header .navbar-default.scrolled .navbar-toggle { margin-top: 11px; margin-right: 20px; background: none; border: 2px solid #ffffff; color: #ffffff; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; } } .pre-loader { position: fixed; width: 100%; height: 100%; z-index: 9999999; display: none; } .pre-loader .load-con { margin: 20% auto; position: relative; text-align: center; } .spinner { margin: 50px auto 0; width: 70px; text-align: center; } .spinner > div { width: 18px; height: 18px; background-color: #ffffff; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } header { background: #66cdcc; /* Old browsers */ background: -moz-linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #66cdcc), color-stop(100%, #336799)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* IE10+ */ background: linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cdcc, endColorstr=#336799, GradientType=1); /* IE6-9 fallback on horizontal gradient */ } header .navbar-default ul.navbar-nav li a { color: #ffffff; background: none; } header .navbar-default ul.navbar-nav li a.getApp { color: #3c79b4; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); /* IE10+ */ background: linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e0e0e0, GradientType=1); /* IE6-9 fallback on horizontal gradient */ } header .navbar-default ul.navbar-nav li a.getApp:hover { color: #4081bf; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* IE10+ */ background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1); /* IE6-9 fallback on horizontal gradient */ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .navbar-default ul.navbar-nav li a:hover { color: #ffffff; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .navbar-default.scrolled { border-bottom: 3px solid #336799; } header .navbar-default.scrolled ul.navbar-nav li a { color: #336799; } header .navbar-default.scrolled ul.navbar-nav li a:hover { color: #336799; } header .navbar-default.scrolled ul.navbar-nav li a:hover:after { background: #336799; } header .navbar-default.scrolled .navbar-brand { background: #336799; } section .section-heading .divider:after { background: #66cdcc; } section#about .about-item i.fa { border: 2px solid #66cdcc; color: #66cdcc; } section#about .about-item:hover i.fa { color: #ffffff; background: #66cdcc; } section#about .about-item:hover h3 { color: #66cdcc; } section#features { background: #f6f6f6; } section#features header h1:after { background: #66cdcc; } section#features .media i.fa { border: 2px solid #66cdcc; color: #66cdcc; } section#features .media:hover i.fa { color: #ffffff; background: #66cdcc; } section#features .media:hover h3 { color: #66cdcc; } section#features .media.active i.fa { color: #ffffff; background: #66cdcc; } section#features .media.active .media-heading { color: #66cdcc; } section#reviews { background: url("../img/freeze/bk-freeze.jpg"); } section#reviews header { color: #ffffff; } section#reviews header h1:after { background: #ffffff; } section#reviews .review-filtering .review .review-person img { border: 3px solid #ffffff; } section#reviews .review-filtering .review .review-comment { background: #ffffff; } section#reviews .review-filtering .review .review-comment h3 { color: #66cdcc; } section#reviews .review-filtering .review .review-comment p span i { color: #66cdcc; } section#reviews .review-filtering .review .review-comment:after { border-right-color: #ffffff; } section#reviews .review-filtering .slick-dots li button { background: #ffffff; border: 2px solid #ffffff; } section#reviews .review-filtering .slick-dots li.slick-active button { background: #66cdcc; } section#screens header h1:after { background: #66cdcc; } section#screens .slider div img { border: 2px solid #e5e5e5; } section#screens .slider div h4 { color: #999999; } section#screens .slider .slick-dots li button { background: #999999; } section#screens .slider .slick-dots li.slick-active button { background: #66cdcc; } section#screens .filter a { border: 2px solid #cccccc; color: #999999; } section#screens .filter a:hover { color: #ffffff; background: #66cdcc; border-color: #66cdcc; } section#screens .filter a.active { color: #ffffff; background: #66cdcc; border-color: #66cdcc; } /* demo video Section */ section#demo { background: #f6f6f6; } section#demo header h1:after { background: #66cdcc; } /* Get app Section */ section#getApp { background: url("../img/freeze/bk-freeze-ga.jpg"); } section#getApp header { color: #ffffff; } section#getApp header h1:after { background: #ffffff; } section#getApp .platforms .media { border: 2px solid #ffffff; color: #ffffff; } section#getApp .platforms .media a i { color: #ffffff; } section#getApp .platforms .media a div.media-body { color: #ffffff; } section#getApp .platforms .media:hover { background: #ffffff; } section#getApp .platforms .media:hover a i, section#getApp .platforms .media:hover a div.media-body { color: #66cdcc; } /* support section */ section#support header h1:after { background: #66cdcc; } section#support .media i.fa { border: 2px solid #66cdcc; color: #66cdcc; } section#support .media a { color: #66cdcc; } section#support .media:hover i.fa { color: #ffffff; background: #66cdcc; } section#support .media:hover h3 { color: #66cdcc; } /* footer section */ footer { background: #66cdcc; /* Old browsers */ background: -moz-linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #66cdcc), color-stop(100%, #336799)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* IE10+ */ background: linear-gradient(-45deg, #66cdcc 0%, #336799 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cdcc, endColorstr=#336799, GradientType=1); /* IE6-9 fallback on horizontal gradient */ } footer .social a { border: 2px solid #ffffff; } footer .social a i { color: #ffffff; } footer .social a:hover { background: #ffffff; } footer .social a:hover i { color: #66cdcc; } footer .rights { color: #ffffff; } footer .rights a { color: #ffffff; font-weight: 300; text-decoration: none; } .navbar-toggle { background-color: #CCC; border: 1px solid rgba(0, 0, 0, 0); } .btn.btn-primary { color: #66cdcc; border-color: #66cdcc; } .btn.btn-primary:hover { color: #ffffff; background: #66cdcc; border-color: #66cdcc; } .btn.btn-primary.inverse { color: #ffffff; border-color: #ffffff; } .btn.btn-primary.inverse:hover { color: #ffffff; background: #66cdcc; border-color: #66cdcc; } .btn.btn-default { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* IE10+ */ background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1); /* IE6-9 fallback on horizontal gradient */ color: #336799; } .btn.btn-default:hover { color: #336799; } form .form-control:focus { border-color: #66cdcc; color: #999999; } @media screen and (max-width: 640px) { header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus { background: none; } header .navbar-default ul.navbar-nav li a { color: #ffffff; border-bottom: 1px solid #376fa4; } header .navbar-default ul.navbar-nav li a.getApp { color: #ffffff; } header .navbar-default ul.navbar-nav li a:after { display: none; } header .navbar-default ul.navbar-nav li a:hover { color: #66cdcc; } header .navbar-default .navbar-collapse { background: #336799; } header .navbar-default.scrolled { background: #336799; } header .navbar-default.scrolled ul.navbar-nav li a { color: #ffffff; } header .navbar-default.scrolled ul.navbar-nav li a:hover { color: #66cdcc; } } .pre-loader { background: #336799; } ================================================ FILE: assets/js/modernizr.custom.32033.js ================================================ /* Modernizr 2.6.2 (Custom Build) | MIT & BSD * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load */ ; window.Modernizr = (function( window, document, undefined ) { var version = '2.6.2', Modernizr = {}, enableClasses = true, docElement = document.documentElement, mod = 'modernizr', modElem = document.createElement(mod), mStyle = modElem.style, inputElem = document.createElement('input') , smile = ':)', toString = {}.toString, prefixes = ' -webkit- -moz- -o- -ms- '.split(' '), omPrefixes = 'Webkit Moz O ms', cssomPrefixes = omPrefixes.split(' '), domPrefixes = omPrefixes.toLowerCase().split(' '), ns = {'svg': 'http://www.w3.org/2000/svg'}, tests = {}, inputs = {}, attrs = {}, classes = [], slice = classes.slice, featureName, injectElementWithStyles = function( rule, callback, nodes, testnames ) { var style, ret, node, docOverflow, div = document.createElement('div'), body = document.body, fakeBody = body || document.createElement('body'); if ( parseInt(nodes, 10) ) { while ( nodes-- ) { node = document.createElement('div'); node.id = testnames ? testnames[nodes] : mod + (nodes + 1); div.appendChild(node); } } style = ['­',''].join(''); div.id = mod; (body ? div : fakeBody).innerHTML += style; fakeBody.appendChild(div); if ( !body ) { fakeBody.style.background = ''; fakeBody.style.overflow = 'hidden'; docOverflow = docElement.style.overflow; docElement.style.overflow = 'hidden'; docElement.appendChild(fakeBody); } ret = callback(div, rule); if ( !body ) { fakeBody.parentNode.removeChild(fakeBody); docElement.style.overflow = docOverflow; } else { div.parentNode.removeChild(div); } return !!ret; }, isEventSupported = (function() { var TAGNAMES = { 'select': 'input', 'change': 'input', 'submit': 'form', 'reset': 'form', 'error': 'img', 'load': 'img', 'abort': 'img' }; function isEventSupported( eventName, element ) { element = element || document.createElement(TAGNAMES[eventName] || 'div'); eventName = 'on' + eventName; var isSupported = eventName in element; if ( !isSupported ) { if ( !element.setAttribute ) { element = document.createElement('div'); } if ( element.setAttribute && element.removeAttribute ) { element.setAttribute(eventName, ''); isSupported = is(element[eventName], 'function'); if ( !is(element[eventName], 'undefined') ) { element[eventName] = undefined; } element.removeAttribute(eventName); } } element = null; return isSupported; } return isEventSupported; })(), _hasOwnProperty = ({}).hasOwnProperty, hasOwnProp; if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) { hasOwnProp = function (object, property) { return _hasOwnProperty.call(object, property); }; } else { hasOwnProp = function (object, property) { return ((property in object) && is(object.constructor.prototype[property], 'undefined')); }; } if (!Function.prototype.bind) { Function.prototype.bind = function bind(that) { var target = this; if (typeof target != "function") { throw new TypeError(); } var args = slice.call(arguments, 1), bound = function () { if (this instanceof bound) { var F = function(){}; F.prototype = target.prototype; var self = new F(); var result = target.apply( self, args.concat(slice.call(arguments)) ); if (Object(result) === result) { return result; } return self; } else { return target.apply( that, args.concat(slice.call(arguments)) ); } }; return bound; }; } function setCss( str ) { mStyle.cssText = str; } function setCssAll( str1, str2 ) { return setCss(prefixes.join(str1 + ';') + ( str2 || '' )); } function is( obj, type ) { return typeof obj === type; } function contains( str, substr ) { return !!~('' + str).indexOf(substr); } function testProps( props, prefixed ) { for ( var i in props ) { var prop = props[i]; if ( !contains(prop, "-") && mStyle[prop] !== undefined ) { return prefixed == 'pfx' ? prop : true; } } return false; } function testDOMProps( props, obj, elem ) { for ( var i in props ) { var item = obj[props[i]]; if ( item !== undefined) { if (elem === false) return props[i]; if (is(item, 'function')){ return item.bind(elem || obj); } return item; } } return false; } function testPropsAll( prop, prefixed, elem ) { var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1), props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' '); if(is(prefixed, "string") || is(prefixed, "undefined")) { return testProps(props, prefixed); } else { props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' '); return testDOMProps(props, prefixed, elem); } } tests['flexbox'] = function() { return testPropsAll('flexWrap'); }; tests['canvas'] = function() { var elem = document.createElement('canvas'); return !!(elem.getContext && elem.getContext('2d')); }; tests['canvastext'] = function() { return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function')); }; tests['webgl'] = function() { return !!window.WebGLRenderingContext; }; tests['touch'] = function() { var bool; if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) { bool = true; } else { injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function( node ) { bool = node.offsetTop === 9; }); } return bool; }; tests['geolocation'] = function() { return 'geolocation' in navigator; }; tests['postmessage'] = function() { return !!window.postMessage; }; tests['websqldatabase'] = function() { return !!window.openDatabase; }; tests['indexedDB'] = function() { return !!testPropsAll("indexedDB", window); }; tests['hashchange'] = function() { return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7); }; tests['history'] = function() { return !!(window.history && history.pushState); }; tests['draganddrop'] = function() { var div = document.createElement('div'); return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div); }; tests['websockets'] = function() { return 'WebSocket' in window || 'MozWebSocket' in window; }; tests['rgba'] = function() { setCss('background-color:rgba(150,255,150,.5)'); return contains(mStyle.backgroundColor, 'rgba'); }; tests['hsla'] = function() { setCss('background-color:hsla(120,40%,100%,.5)'); return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla'); }; tests['multiplebgs'] = function() { setCss('background:url(https://),url(https://),red url(https://)'); return (/(url\s*\(.*?){3}/).test(mStyle.background); }; tests['backgroundsize'] = function() { return testPropsAll('backgroundSize'); }; tests['borderimage'] = function() { return testPropsAll('borderImage'); }; tests['borderradius'] = function() { return testPropsAll('borderRadius'); }; tests['boxshadow'] = function() { return testPropsAll('boxShadow'); }; tests['textshadow'] = function() { return document.createElement('div').style.textShadow === ''; }; tests['opacity'] = function() { setCssAll('opacity:.55'); return (/^0.55$/).test(mStyle.opacity); }; tests['cssanimations'] = function() { return testPropsAll('animationName'); }; tests['csscolumns'] = function() { return testPropsAll('columnCount'); }; tests['cssgradients'] = function() { var str1 = 'background-image:', str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));', str3 = 'linear-gradient(left top,#9f9, white);'; setCss( (str1 + '-webkit- '.split(' ').join(str2 + str1) + prefixes.join(str3 + str1)).slice(0, -str1.length) ); return contains(mStyle.backgroundImage, 'gradient'); }; tests['cssreflections'] = function() { return testPropsAll('boxReflect'); }; tests['csstransforms'] = function() { return !!testPropsAll('transform'); }; tests['csstransforms3d'] = function() { var ret = !!testPropsAll('perspective'); if ( ret && 'webkitPerspective' in docElement.style ) { injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) { ret = node.offsetLeft === 9 && node.offsetHeight === 3; }); } return ret; }; tests['csstransitions'] = function() { return testPropsAll('transition'); }; tests['fontface'] = function() { var bool; injectElementWithStyles('@font-face {font-family:"font";src:url("https://")}', function( node, rule ) { var style = document.getElementById('smodernizr'), sheet = style.sheet || style.styleSheet, cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : ''; bool = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0; }); return bool; }; tests['generatedcontent'] = function() { var bool; injectElementWithStyles(['#',mod,'{font:0/0 a}#',mod,':after{content:"',smile,'";visibility:hidden;font:3px/1 a}'].join(''), function( node ) { bool = node.offsetHeight >= 3; }); return bool; }; tests['video'] = function() { var elem = document.createElement('video'), bool = false; try { if ( bool = !!elem.canPlayType ) { bool = new Boolean(bool); bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,''); bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,''); bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,''); } } catch(e) { } return bool; }; tests['audio'] = function() { var elem = document.createElement('audio'), bool = false; try { if ( bool = !!elem.canPlayType ) { bool = new Boolean(bool); bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,''); bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,''); bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,''); bool.m4a = ( elem.canPlayType('audio/x-m4a;') || elem.canPlayType('audio/aac;')) .replace(/^no$/,''); } } catch(e) { } return bool; }; tests['localstorage'] = function() { try { localStorage.setItem(mod, mod); localStorage.removeItem(mod); return true; } catch(e) { return false; } }; tests['sessionstorage'] = function() { try { sessionStorage.setItem(mod, mod); sessionStorage.removeItem(mod); return true; } catch(e) { return false; } }; tests['webworkers'] = function() { return !!window.Worker; }; tests['applicationcache'] = function() { return !!window.applicationCache; }; tests['svg'] = function() { return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect; }; tests['inlinesvg'] = function() { var div = document.createElement('div'); div.innerHTML = ''; return (div.firstChild && div.firstChild.namespaceURI) == ns.svg; }; tests['smil'] = function() { return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate'))); }; tests['svgclippaths'] = function() { return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath'))); }; function webforms() { Modernizr['input'] = (function( props ) { for ( var i = 0, len = props.length; i < len; i++ ) { attrs[ props[i] ] = !!(props[i] in inputElem); } if (attrs.list){ attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement); } return attrs; })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ')); Modernizr['inputtypes'] = (function(props) { for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) { inputElem.setAttribute('type', inputElemType = props[i]); bool = inputElem.type !== 'text'; if ( bool ) { inputElem.value = smile; inputElem.style.cssText = 'position:absolute;visibility:hidden;'; if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) { docElement.appendChild(inputElem); defaultView = document.defaultView; bool = defaultView.getComputedStyle && defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' && (inputElem.offsetHeight !== 0); docElement.removeChild(inputElem); } else if ( /^(search|tel)$/.test(inputElemType) ){ } else if ( /^(url|email)$/.test(inputElemType) ) { bool = inputElem.checkValidity && inputElem.checkValidity() === false; } else { bool = inputElem.value != smile; } } inputs[ props[i] ] = !!bool; } return inputs; })('search tel url email datetime date month week time datetime-local number range color'.split(' ')); } for ( var feature in tests ) { if ( hasOwnProp(tests, feature) ) { featureName = feature.toLowerCase(); Modernizr[featureName] = tests[feature](); classes.push((Modernizr[featureName] ? '' : 'no-') + featureName); } } Modernizr.input || webforms(); Modernizr.addTest = function ( feature, test ) { if ( typeof feature == 'object' ) { for ( var key in feature ) { if ( hasOwnProp( feature, key ) ) { Modernizr.addTest( key, feature[ key ] ); } } } else { feature = feature.toLowerCase(); if ( Modernizr[feature] !== undefined ) { return Modernizr; } test = typeof test == 'function' ? test() : test; if (typeof enableClasses !== "undefined" && enableClasses) { docElement.className += ' ' + (test ? '' : 'no-') + feature; } Modernizr[feature] = test; } return Modernizr; }; setCss(''); modElem = inputElem = null; ;(function(window, document) { var options = window.html5 || {}; var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i; var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i; var supportsHtml5Styles; var expando = '_html5shiv'; var expanID = 0; var expandoData = {}; var supportsUnknownElements; (function() { try { var a = document.createElement('a'); a.innerHTML = ''; supportsHtml5Styles = ('hidden' in a); supportsUnknownElements = a.childNodes.length == 1 || (function() { (document.createElement)('a'); var frag = document.createDocumentFragment(); return ( typeof frag.cloneNode == 'undefined' || typeof frag.createDocumentFragment == 'undefined' || typeof frag.createElement == 'undefined' ); }()); } catch(e) { supportsHtml5Styles = true; supportsUnknownElements = true; } }()); function addStyleSheet(ownerDocument, cssText) { var p = ownerDocument.createElement('p'), parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement; p.innerHTML = 'x'; return parent.insertBefore(p.lastChild, parent.firstChild); } function getElements() { var elements = html5.elements; return typeof elements == 'string' ? elements.split(' ') : elements; } function getExpandoData(ownerDocument) { var data = expandoData[ownerDocument[expando]]; if (!data) { data = {}; expanID++; ownerDocument[expando] = expanID; expandoData[expanID] = data; } return data; } function createElement(nodeName, ownerDocument, data){ if (!ownerDocument) { ownerDocument = document; } if(supportsUnknownElements){ return ownerDocument.createElement(nodeName); } if (!data) { data = getExpandoData(ownerDocument); } var node; if (data.cache[nodeName]) { node = data.cache[nodeName].cloneNode(); } else if (saveClones.test(nodeName)) { node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode(); } else { node = data.createElem(nodeName); } return node.canHaveChildren && !reSkip.test(nodeName) ? data.frag.appendChild(node) : node; } function createDocumentFragment(ownerDocument, data){ if (!ownerDocument) { ownerDocument = document; } if(supportsUnknownElements){ return ownerDocument.createDocumentFragment(); } data = data || getExpandoData(ownerDocument); var clone = data.frag.cloneNode(), i = 0, elems = getElements(), l = elems.length; for(;iul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat;} .tp-loader { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-transparentimg { content:"url(../assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } ================================================ FILE: assets/js/rs-plugin/css/settings.css ================================================ /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px;} .tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none;} .fullcoveredvideo video, .fullscreenvideo video { background: #000;} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:6px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px;} .html5vid .tp-revstop { display:none;} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;} .tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both;} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px;} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px;} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px;} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat;} /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(../assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../font/revicons.eot?5510888'); src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ ================================================ FILE: assets/js/rs-plugin/js/jquery.themepunch.revolution.js ================================================ /************************************************************************** * jquery.themepunch.revolution.js - jQuery Plugin for Revolution Slider * @version: 4.3.2 (25.03.2013) * @requires jQuery v1.7 or later (tested on 1.9) * @author ThemePunch **************************************************************************/ (function(jQuery,undefined){ //////////////////////////////////////// // THE REVOLUTION PLUGIN STARTS HERE // /////////////////////////////////////// jQuery.fn.extend({ // OUR PLUGIN HERE :) revolution: function(options) { //////////////////////////////// // SET DEFAULT VALUES OF ITEM // //////////////////////////////// jQuery.fn.revolution.defaults = { delay:9000, startheight:500, startwidth:960, fullScreenAlignForce:"off", autoHeight:"off", hideTimerBar:"off", hideThumbs:200, hideNavDelayOnMobile:1500, thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !) thumbHeight:50, thumbAmount:3, navigationType:"bullet", // bullet, thumb, none navigationArrows:"solo", // nextto, solo, none hideThumbsOnMobile:"off", hideBulletsOnMobile:"off", hideArrowsOnMobile:"off", hideThumbsUnderResoluition:0, navigationStyle:"round", // round,square,navbar,round-old,square-old,navbar-old, or any from the list in the docu (choose between 50+ different item), navigationHAlign:"center", // Vertical Align top,center,bottom navigationVAlign:"bottom", // Horizontal Align left,center,right navigationHOffset:0, navigationVOffset:20, soloArrowLeftHalign:"left", soloArrowLeftValign:"center", soloArrowLeftHOffset:20, soloArrowLeftVOffset:0, soloArrowRightHalign:"right", soloArrowRightValign:"center", soloArrowRightHOffset:20, soloArrowRightVOffset:0, keyboardNavigation:"on", touchenabled:"on", // Enable Swipe Function : on/off onHoverStop:"on", // Stop Banner Timet at Hover on Slide on/off stopAtSlide:-1, // Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case. stopAfterLoops:-1, // Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic hideCaptionAtLimit:0, // It Defines if a caption should be shown under a Screen Resolution ( Basod on The Width of Browser) hideAllCaptionAtLimit:0, // Hide all The Captions if Width of Browser is less then this value hideSliderAtLimit:0, // Hide the whole slider, and stop also functions if Width of Browser is less than this value shadow:0, //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows (No Shadow in Fullwidth Version !) fullWidth:"off", // Turns On or Off the Fullwidth Image Centering in FullWidth Modus fullScreen:"off", minFullScreenHeight:0, // The Minimum FullScreen Height fullScreenOffsetContainer:"", dottedOverlay:"none", //twoxtwo, threexthree, twoxtwowhite, threexthreewhite forceFullWidth:"off", // Force The FullWidth spinner:"spinner0", swipe_velocity : 0.4, // Touch Sensibility between 0 - 1. Less the number is, higher the sensibility swipe_max_touches : 1, // Max Finger (touch) used for swipe swipe_min_touches : 1, // Min Finger (touch) used for swipe drag_block_vertical:false // Prevent Vertical Scroll during Swipe }; options = jQuery.extend({}, jQuery.fn.revolution.defaults, options); return this.each(function() { var opt=options; if (opt.fullWidth!="on" && opt.fullScreen!="on") opt.autoHeight = "off"; if (opt.fullScreen=="on") opt.autoHeight = "on"; if (opt.fullWidth!="on" && opt.fullScreen!="on") forceFulWidth="off"; var container=jQuery(this); if (opt.fullWidth=="on" && opt.autoHeight=="off") container.css({maxHeight:opt.startheight+"px"}); if (is_mobile() && opt.hideThumbsOnMobile=="on" && opt.navigationType=="thumb") opt.navigationType = "none" if (is_mobile() && opt.hideBulletsOnMobile=="on" && opt.navigationType=="bullet") opt.navigationType = "none" if (is_mobile() && opt.hideBulletsOnMobile=="on" && opt.navigationType=="both") opt.navigationType = "none" if (is_mobile() && opt.hideArrowsOnMobile=="on") opt.navigationArrows = "none" if (opt.forceFullWidth=="on") { var loff = container.parent().offset().left; var mb = container.parent().css('marginBottom'); var mt = container.parent().css('marginTop'); if (mb==undefined) mb=0; if (mt==undefined) mt=0; container.parent().wrap('
'); container.closest('.forcefullwidth_wrapper_tp_banner').append('
'); container.css({'backgroundColor':container.parent().css('backgroundColor'),'backgroundImage':container.parent().css('backgroundImage')}); //container.parent().css({'position':'absolute','width':jQuery(window).width()}); container.parent().css({'left':(0-loff)+"px",position:'absolute','width':jQuery(window).width()}); opt.width=jQuery(window).width(); } // HIDE THUMBS UNDER RESOLUTION try{ if (opt.hideThumbsUnderResolution>jQuery(window).width() && opt.hideThumbsUnderResolution!=0) { container.parent().find('.tp-bullets.tp-thumbs').css({display:"none"}); } else { container.parent().find('.tp-bullets.tp-thumbs').css({display:"block"}); } } catch(e) {} if (!container.hasClass("revslider-initialised")) { container.addClass("revslider-initialised"); if (container.attr('id')==undefined) container.attr('id',"revslider-"+Math.round(Math.random()*1000+5)); // CHECK IF FIREFOX 13 IS ON WAY.. IT HAS A STRANGE BUG, CSS ANIMATE SHOULD NOT BE USED opt.firefox13 = false; opt.ie = !jQuery.support.opacity; opt.ie9 = (document.documentMode == 9); opt.origcd=opt.delay; // CHECK THE jQUERY VERSION var version = jQuery.fn.jquery.split('.'), versionTop = parseFloat(version[0]), versionMinor = parseFloat(version[1]), versionIncrement = parseFloat(version[2] || '0'); if (versionTop==1 && versionMinor < 7) { container.html('
The Current Version of jQuery:'+version+'
Please update your jQuery Version to min. 1.7 in Case you wish to use the Revolution Slider Plugin
'); } if (versionTop>1) opt.ie=false; // Delegate .transition() calls to .animate() // if the browser can't do CSS transitions. if (!jQuery.support.transition) jQuery.fn.transition = jQuery.fn.animate; // CATCH THE CONTAINER // LOAD THE YOUTUBE API IF NECESSARY container.find('.caption').each(function() { jQuery(this).addClass('tp-caption')}); if (is_mobile()) { container.find('.tp-caption').each(function() { if (jQuery(this).data('autoplay')==true) jQuery(this).data('autoplay',false); // && jQuery(this).data('forcecover')!=1) }) } var addedyt=0; var addedvim=0; var addedvid=0; var httpprefix = "http"; if (location.protocol === 'https:') { httpprefix = "https"; } container.find('.tp-caption iframe').each(function(i) { try { if (jQuery(this).attr('src').indexOf('you')>0 && addedyt==0) { addedyt=1; var s = document.createElement("script"); var httpprefix2 = "https"; s.src = httpprefix2+"://www.youtube.com/iframe_api"; /* Load Player API*/ var before = document.getElementsByTagName("script")[0]; var loadit = true; jQuery('head').find('*').each(function(){ if (jQuery(this).attr('src') == httpprefix2+"://www.youtube.com/iframe_api") loadit = false; }); if (loadit) { before.parentNode.insertBefore(s, before); } } } catch(e) {} }); // LOAD THE VIMEO API container.find('.tp-caption iframe').each(function(i) { try{ if (jQuery(this).attr('src').indexOf('vim')>0 && addedvim==0) { addedvim=1; var f = document.createElement("script"); f.src = httpprefix+"://a.vimeocdn.com/js/froogaloop2.min.js"; /* Load Player API*/ var before = document.getElementsByTagName("script")[0]; var loadit = true; jQuery('head').find('*').each(function(){ if (jQuery(this).attr('src') == httpprefix+"://a.vimeocdn.com/js/froogaloop2.min.js") loadit = false; }); if (loadit) before.parentNode.insertBefore(f, before); } } catch(e) {} }); // LOAD THE VIDEO.JS API IF NEEDED container.find('.tp-caption video').each(function(i) { jQuery(this).removeClass("video-js").removeClass("vjs-default-skin"); jQuery(this).attr("preload",""); jQuery(this).css({display:"none"}); }); // SHUFFLE MODE if (opt.shuffle=="on") { for (var u=0;uul:first-child >li').length;u++) { var it = Math.round(Math.random()*container.find('>ul:first-child >li').length); container.find('>ul:first-child >li:eq('+it+')').prependTo(container.find('>ul:first-child')); } } // CREATE SOME DEFAULT OPTIONS FOR LATER opt.slots=4; opt.act=-1; opt.next=0; // IF START SLIDE IS SET if (opt.startWithSlide !=undefined) opt.next=opt.startWithSlide; // IF DEEPLINK HAS BEEN SET var deeplink = getUrlVars("#")[0]; if (deeplink.length<9) { if (deeplink.split('slide').length>1) { var dslide=parseInt(deeplink.split('slide')[1],0); if (dslide<1) dslide=1; if (dslide>container.find('>ul:first >li').length) dslide=container.find('>ul:first >li').length; opt.next=dslide-1; } } opt.firststart=1; // BASIC OFFSET POSITIONS OF THE BULLETS if (opt.navigationHOffset==undefined) opt.navOffsetHorizontal=0; if (opt.navigationVOffset==undefined) opt.navOffsetVertical=0; container.append('
'+ '
'+ '
'+ '
'+ '
'+ '
'+ '
'); // RESET THE TIMER if (container.find('.tp-bannertimer').length==0) container.append(''); var bt=container.find('.tp-bannertimer'); if (bt.length>0) { bt.css({'width':'0%'}); }; // WE NEED TO ADD A BASIC CLASS FOR SETTINGS.CSS container.addClass("tp-simpleresponsive"); opt.container=container; //if (container.height()==0) container.height(opt.startheight); // AMOUNT OF THE SLIDES opt.slideamount = container.find('>ul:first >li').length; // A BASIC GRID MUST BE DEFINED. IF NO DEFAULT GRID EXIST THAN WE NEED A DEFAULT VALUE, ACTUAL SIZE OF CONAINER if (container.height()==0) container.height(opt.startheight); if (opt.startwidth==undefined || opt.startwidth==0) opt.startwidth=container.width(); if (opt.startheight==undefined || opt.startheight==0) opt.startheight=container.height(); // OPT WIDTH && HEIGHT SHOULD BE SET opt.width=container.width(); opt.height=container.height(); // DEFAULT DEPENDECIES opt.bw= opt.startwidth / container.width(); opt.bh = opt.startheight / container.height(); // IF THE ITEM ALREADY IN A RESIZED FORM if (opt.width!=opt.startwidth) { opt.height = Math.round(opt.startheight * (opt.width/opt.startwidth)); container.height(opt.height); } // LETS SEE IF THERE IS ANY SHADOW if (opt.shadow!=0) { container.parent().append('
'); var loff=0; if (opt.forceFullWidth=="on") loff = 0-opt.container.parent().offset().left; container.parent().find('.tp-bannershadow').css({'width':opt.width,'left':loff}); } container.find('ul').css({'display':'none'}); var fliparent = container; // PREPARE THE SLIDES container.find('ul').css({'display':'block'}); prepareSlides(container,opt); // CREATE BULLETS if (opt.slideamount >1) createBullets(container,opt); if (opt.slideamount >1) createThumbs(container,opt); if (opt.slideamount >1) createArrows(container,opt); if (opt.keyboardNavigation=="on") createKeyboard(container,opt); swipeAction(container,opt); if (opt.hideThumbs>0) hideThumbs(container,opt); swapSlide(container,opt); // START COUNTDOWN if (opt.slideamount >1) countDown(container,opt); setTimeout(function() { container.trigger('revolution.slide.onloaded'); },500); // IF RESIZED, NEED TO STOP ACTUAL TRANSITION AND RESIZE ACTUAL IMAGES jQuery(window).resize(function() { if (jQuery('body').find(container)!=0) if (opt.forceFullWidth=="on" ) { var loff = opt.container.closest('.forcefullwidth_wrapper_tp_banner').offset().left; //opt.container.parent().css({'width':jQuery(window).width()}); opt.container.parent().css({'left':(0-loff)+"px",'width':jQuery(window).width()}); } if (container.outerWidth(true)!=opt.width || container.is(":hidden")) { containerResized(container,opt); } }); // HIDE THUMBS UNDER SIZE... try{ if (opt.hideThumbsUnderResoluition!=0 && opt.navigationType=="thumb") { if (opt.hideThumbsUnderResoluition>jQuery(window).width()) jQuery('.tp-bullets').css({display:"none"}); else jQuery('.tp-bullets').css({display:"block"}); } } catch(e) {} // CHECK IF THE CAPTION IS A "SCROLL ME TO POSITION" CAPTION IS //if (opt.fullScreen=="on") { container.find('.tp-scrollbelowslider').on('click',function() { var off=0; try{ off = jQuery('body').find(opt.fullScreenOffsetContainer).height(); } catch(e) {} try{ off = off - jQuery(this).data('scrolloffset'); } catch(e) {} jQuery('body,html').animate( {scrollTop:(container.offset().top+(container.find('>ul >li').height())-off)+"px"},{duration:400}); }); //} // FIRST TIME STOP/START HIDE / SHOW SLIDER //REMOVE AND SHOW SLIDER ON DEMAND var contpar= container.parent(); if (jQuery(window).width()ul >li').height())-oy)+"px"},{duration:400}); }) }, // METHODE PAUSE revredraw: function(oy) { return this.each(function() { var container=jQuery(this); var bt = container.parent().find('.tp-bannertimer'); var opt = bt.data('opt'); containerResized(container,opt); }) }, // METHODE PAUSE revpause: function(options) { return this.each(function() { var container=jQuery(this); container.data('conthover',1); container.data('conthover-changed',1); container.trigger('revolution.slide.onpause'); var bt = container.parent().find('.tp-bannertimer'); var opt = bt.data('opt'); opt.bannertimeronpause = true; container.trigger('stoptimer'); }) }, // METHODE RESUME revresume: function(options) { return this.each(function() { var container=jQuery(this); container.data('conthover',0); container.data('conthover-changed',1); container.trigger('revolution.slide.onresume'); var bt = container.parent().find('.tp-bannertimer'); var opt = bt.data('opt'); opt.bannertimeronpause = false; container.trigger('starttimer'); }) }, // METHODE NEXT revnext: function(options) { return this.each(function() { // CATCH THE CONTAINER var container=jQuery(this); container.parent().find('.tp-rightarrow').click(); }) }, // METHODE RESUME revprev: function(options) { return this.each(function() { // CATCH THE CONTAINER var container=jQuery(this); container.parent().find('.tp-leftarrow').click(); }) }, // METHODE LENGTH revmaxslide: function(options) { // CATCH THE CONTAINER return jQuery(this).find('>ul:first-child >li').length; }, // METHODE CURRENT revcurrentslide: function(options) { // CATCH THE CONTAINER var container=jQuery(this); var bt = container.parent().find('.tp-bannertimer'); var opt = bt.data('opt'); return opt.act; }, // METHODE CURRENT revlastslide: function(options) { // CATCH THE CONTAINER var container=jQuery(this); var bt = container.parent().find('.tp-bannertimer'); var opt = bt.data('opt'); return opt.lastslide; }, // METHODE JUMP TO SLIDE revshowslide: function(slide) { return this.each(function() { // CATCH THE CONTAINER var container=jQuery(this); container.data('showus',slide); container.parent().find('.tp-rightarrow').click(); }) } }) /////////////////////////// // GET THE URL PARAMETER // /////////////////////////// function getUrlVars(hashdivider) { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf(hashdivider) + 1).split('_'); for(var i = 0; i < hashes.length; i++) { hashes[i] = hashes[i].replace('%3D',"="); hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } ////////////////////////// // CONTAINER RESIZED // ///////////////////////// function containerResized(container,opt) { // HIDE THUMBS UNDER SIZE... try{ if (opt.hideThumbsUnderResoluition!=0 && opt.navigationType=="thumb") { if (opt.hideThumbsUnderResoluition>jQuery(window).width()) jQuery('.tp-bullets').css({display:"none"}); else jQuery('.tp-bullets').css({display:"block"}); } } catch(e) {} container.find('.defaultimg').each(function(i) { setSize(jQuery(this),opt); }); //REMOVE AND SHOW SLIDER ON DEMAND var contpar= container.parent(); if (jQuery(window).width()ul >li:eq('+opt.act+') .slotholder'); var nextsh = container.find('>ul >li:eq('+opt.next+') .slotholder'); removeSlots(container,opt); nextsh.find('.defaultimg').css({'opacity':0}); actsh.find('.defaultimg').css({'opacity':1}); nextsh.find('.defaultimg').each(function() { var dimg = jQuery(this); if (dimg.data('kenburn')!=undefined) dimg.data('kenburn').restart(); }); var nextli = container.find('>ul >li:eq('+opt.next+')'); animateTheCaptions(nextli, opt,true); //restartBannerTimer(opt,container); setBulPos(container,opt); } ////////////////// // IS MOBILE ?? // ////////////////// function is_mobile() { var agents = ['android', 'webos', 'iphone', 'ipad', 'blackberry','Android', 'webos', ,'iPod', 'iPhone', 'iPad', 'Blackberry', 'BlackBerry']; var ismobile=false; for(i in agents) { if (navigator.userAgent.split(agents[i]).length>1) { ismobile = true; } } return ismobile; } /********************************* - CHECK IF BROWSER IS IE - ********************************/ function isIE( version, comparison ){ var $div = jQuery('
').appendTo(jQuery('body')); $div.html(''); var ieTest = $div.find('a').length; $div.remove(); return ieTest; } function callingNewSlide(opt,container) { swapSlide(container,opt); } //////////////////////////////// // - CREATE THE BULLETS - // //////////////////////////////// function createThumbs(container,opt) { var cap=container.parent(); if (opt.navigationType=="thumb" || opt.navsecond=="both") { cap.append('
'); } var bullets = cap.find('.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer'); var bup = bullets.parent(); bup.width(opt.thumbWidth*opt.thumbAmount); bup.height(opt.thumbHeight); bup.parent().width(opt.thumbWidth*opt.thumbAmount); bup.parent().height(opt.thumbHeight); container.find('>ul:first >li').each(function(i) { var li= container.find(">ul:first >li:eq("+i+")"); var bgcolor = li.find(".defaultimg").css("backgroundColor"); if (li.data('thumb') !=undefined) var src= li.data('thumb') else var src=li.find("img:first").attr('src'); bullets.append('
'); var bullet= bullets.find('.bullet:first'); }); //bullets.append('
'); var minwidth=10; // ADD THE BULLET CLICK FUNCTION HERE bullets.find('.bullet').each(function(i) { var bul = jQuery(this); if (i==opt.slideamount-1) bul.addClass('last'); if (i==0) bul.addClass('first'); bul.width(opt.thumbWidth); bul.height(opt.thumbHeight); if (minwidthul:first >li').length; var thumbconwidth=bullets.parent().width(); opt.thumbWidth = minwidth; //////////////////////// // SLIDE TO POSITION // //////////////////////// if (thumbconwidthul:first >li').length; var diff=(max- thumbconwidth)+15; var steps = diff / thumbconwidth; x=x-30; //if (x<30) x=0; //if (x>thumbconwidth-30) x=thumbconwidth; //ANIMATE TO POSITION var pos=(0-((x)*steps)); if (pos>0) pos =0; if (pos<0-max+thumbconwidth) pos=0-max+thumbconwidth; moveThumbSliderToPosition($this,pos,200); }); bullets.parent().mousemove(function() { var $this=jQuery(this); //if (!$this.hasClass("over")) { var offset = $this.offset(); var x = jQuery('body').data('mousex')-offset.left; var thumbconwidth=$this.width(); var minwidth=$this.find('.bullet:first').outerWidth(true); var max=minwidth*container.find('>ul:first >li').length-1; var diff=(max- thumbconwidth)+15; var steps = diff / thumbconwidth; x=x-3; if (x<6) x=0; if (x+3>thumbconwidth-6) x=thumbconwidth; //ANIMATE TO POSITION var pos=(0-((x)*steps)); if (pos>0) pos =0; if (pos<0-max+thumbconwidth) pos=0-max+thumbconwidth; moveThumbSliderToPosition($this,pos,0); //} else { //$this.removeClass("over"); //} }); bullets.parent().mouseleave(function() { var $this=jQuery(this); $this.removeClass("over"); moveSelectedThumb(container); }); } } /////////////////////////////// // SelectedThumbInPosition // ////////////////////////////// function moveSelectedThumb(container) { var bullets=container.parent().find('.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer'); var $this=bullets.parent(); var offset = $this.offset(); var minwidth=$this.find('.bullet:first').outerWidth(true); var x = $this.find('.bullet.selected').index() * minwidth; var thumbconwidth=$this.width(); var minwidth=$this.find('.bullet:first').outerWidth(true); var max=minwidth*container.find('>ul:first >li').length; var diff=(max- thumbconwidth); var steps = diff / thumbconwidth; //ANIMATE TO POSITION var pos=0-x; if (pos>0) pos =0; if (pos<0-max+thumbconwidth) pos=0-max+thumbconwidth; if (!$this.hasClass("over")) { moveThumbSliderToPosition($this,pos,200); } } //////////////////////////////////// // MOVE THUMB SLIDER TO POSITION // /////////////////////////////////// function moveThumbSliderToPosition($this,pos,speed) { //$this.stop(); //$this.find('.tp-thumbcontainer').animate({'left':pos+'px'},{duration:speed,queue:false}); TweenLite.to($this.find('.tp-thumbcontainer'),0.2,{left:pos,ease:Power3.easeOut,overwrite:"auto"}); } //////////////////////////////// // - CREATE THE BULLETS - // //////////////////////////////// function createBullets(container,opt) { if (opt.navigationType=="bullet" || opt.navigationType=="both") { container.parent().append('
'); } var bullets = container.parent().find('.tp-bullets'); container.find('>ul:first >li').each(function(i) { var src=container.find(">ul:first >li:eq("+i+") img:first").attr('src'); bullets.append('
'); var bullet= bullets.find('.bullet:first'); }); // ADD THE BULLET CLICK FUNCTION HERE bullets.find('.bullet').each(function(i) { var bul = jQuery(this); if (i==opt.slideamount-1) bul.addClass('last'); if (i==0) bul.addClass('first'); bul.click(function() { var sameslide = false; if (opt.navigationArrows=="withbullet" || opt.navigationArrows=="nexttobullets") { if (bul.index()-1 == opt.act) sameslide=true; } else { if (bul.index() == opt.act) sameslide=true; } if (opt.transition==0 && !sameslide) { if (opt.navigationArrows=="withbullet" || opt.navigationArrows=="nexttobullets") { opt.next = bul.index()-1; } else { opt.next = bul.index(); } callingNewSlide(opt,container); } }); }); bullets.append('
'); setBulPos(container,opt); } ////////////////////// // CREATE ARROWS // ///////////////////// function createArrows(container,opt) { var bullets = container.find('.tp-bullets'); var hidden=""; var arst= opt.navigationStyle; if (opt.navigationArrows=="none") hidden="visibility:hidden;display:none"; opt.soloArrowStyle = "default"; if (opt.navigationArrows!="none" && opt.navigationArrows!="nexttobullets") arst = opt.soloArrowStyle; container.parent().append('
'); container.parent().append('
'); // THE LEFT / RIGHT BUTTON CLICK ! // container.parent().find('.tp-rightarrow').click(function() { if (opt.transition==0) { if (container.data('showus') !=undefined && container.data('showus') != -1) opt.next = container.data('showus')-1; else opt.next = opt.next+1; container.data('showus',-1); if (opt.next >= opt.slideamount) opt.next=0; if (opt.next<0) opt.next=0; if (opt.act !=opt.next) callingNewSlide(opt,container); } }); container.parent().find('.tp-leftarrow').click(function() { if (opt.transition==0) { opt.next = opt.next-1; opt.leftarrowpressed=1; if (opt.next < 0) opt.next=opt.slideamount-1; callingNewSlide(opt,container); } }); setBulPos(container,opt); } ////////////////////// // CREATE ARROWS // ///////////////////// function createKeyboard(container,opt) { // THE LEFT / RIGHT BUTTON CLICK ! // jQuery(document).keydown(function(e){ if (opt.transition==0 && e.keyCode == 39) { if (container.data('showus') !=undefined && container.data('showus') != -1) opt.next = container.data('showus')-1; else opt.next = opt.next+1; container.data('showus',-1); if (opt.next >= opt.slideamount) opt.next=0; if (opt.next<0) opt.next=0; if (opt.act !=opt.next) callingNewSlide(opt,container); } if (opt.transition==0 && e.keyCode == 37) { opt.next = opt.next-1; opt.leftarrowpressed=1; if (opt.next < 0) opt.next=opt.slideamount-1; callingNewSlide(opt,container); } }); setBulPos(container,opt); } //////////////////////////// // SET THE SWIPE FUNCTION // //////////////////////////// function swipeAction(container,opt) { // TOUCH ENABLED SCROLL if (opt.touchenabled=="on") { var hammertime = Hammer(container, { drag_block_vertical : opt.drag_block_vertical, swipe_velocity : opt.swipe_velocity, swipe_max_touches : opt.swipe_max_touches, swipe_min_touches : opt.swipe_min_touches, prevent_default:true }); hammertime.on("swipeleft", function() { if (opt.transition==0) { opt.next = opt.next+1; if (opt.next == opt.slideamount) opt.next=0; callingNewSlide(opt,container); } }); hammertime.on("swiperight", function() { if (opt.transition==0) { opt.next = opt.next-1; opt.leftarrowpressed=1; if (opt.next < 0) opt.next=opt.slideamount-1; callingNewSlide(opt,container); } }); } } //////////////////////////////////////////////////////////////// // SHOW AND HIDE THE THUMBS IF MOUE GOES OUT OF THE BANNER /// ////////////////////////////////////////////////////////////// function hideThumbs(container,opt) { var bullets = container.parent().find('.tp-bullets'); var ca = container.parent().find('.tparrows'); if (bullets==null) { container.append('
'); var bullets = container.parent().find('.tp-bullets'); } if (ca==null) { container.append('
'); var ca = container.parent().find('.tparrows'); } //var bp = (thumbs.parent().outerHeight(true) - opt.height)/2; // ADD THUMBNAIL IMAGES FOR THE BULLETS // container.data('hidethumbs',opt.hideThumbs); bullets.addClass("hidebullets"); ca.addClass("hidearrows"); if (is_mobile()) { container.hammer().on('touch', function() { container.addClass("hovered"); if (opt.onHoverStop=="on") container.trigger('stoptimer'); clearTimeout(container.data('hidethumbs')); bullets.removeClass("hidebullets"); ca.removeClass("hidearrows"); }); container.hammer().on('release', function() { container.removeClass("hovered"); container.trigger('playtimer'); if (!container.hasClass("hovered") && !bullets.hasClass("hovered")) container.data('hidethumbs', setTimeout(function() { bullets.addClass("hidebullets"); ca.addClass("hidearrows"); container.trigger('playtimer'); },opt.hideNavDelayOnMobile)); }); } else { bullets.hover(function() { opt.overnav = true; if (opt.onHoverStop=="on") container.trigger('stoptimer'); bullets.addClass("hovered"); clearTimeout(container.data('hidethumbs')); bullets.removeClass("hidebullets"); ca.removeClass("hidearrows"); }, function() { opt.overnav = false; container.trigger('playtimer'); bullets.removeClass("hovered"); if (!container.hasClass("hovered") && !bullets.hasClass("hovered")) container.data('hidethumbs', setTimeout(function() { bullets.addClass("hidebullets"); ca.addClass("hidearrows"); },opt.hideThumbs)); }); ca.hover(function() { opt.overnav = true; if (opt.onHoverStop=="on") container.trigger('stoptimer'); bullets.addClass("hovered"); clearTimeout(container.data('hidethumbs')); bullets.removeClass("hidebullets"); ca.removeClass("hidearrows"); }, function() { opt.overnav = false; container.trigger('playtimer'); bullets.removeClass("hovered"); }); container.on('mouseenter', function() { container.addClass("hovered"); if (opt.onHoverStop=="on") container.trigger('stoptimer'); clearTimeout(container.data('hidethumbs')); bullets.removeClass("hidebullets"); ca.removeClass("hidearrows"); }); container.on('mouseleave', function() { container.removeClass("hovered"); container.trigger('playtimer'); if (!container.hasClass("hovered") && !bullets.hasClass("hovered")) container.data('hidethumbs', setTimeout(function() { bullets.addClass("hidebullets"); ca.addClass("hidearrows"); },opt.hideThumbs)); }); } } ////////////////////////////// // SET POSITION OF BULLETS // ////////////////////////////// function setBulPos(container,opt) { var topcont=container.parent(); var bullets=topcont.find('.tp-bullets'); if (opt.navigationType=="thumb") { bullets.find('.thumb').each(function(i) { var thumb = jQuery(this); thumb.css({'width':opt.thumbWidth * opt.bw+"px", 'height':opt.thumbHeight*opt.bh+"px"}); }) var bup = bullets.find('.tp-mask'); bup.width(opt.thumbWidth*opt.thumbAmount * opt.bw); bup.height(opt.thumbHeight * opt.bh); bup.parent().width(opt.thumbWidth*opt.thumbAmount * opt.bw); bup.parent().height(opt.thumbHeight * opt.bh); } var tl = topcont.find('.tp-leftarrow'); var tr = topcont.find('.tp-rightarrow'); if (opt.navigationType=="thumb" && opt.navigationArrows=="nexttobullets") opt.navigationArrows="solo"; // IM CASE WE HAVE NAVIGATION BULLETS TOGETHER WITH ARROWS if (opt.navigationArrows=="nexttobullets") { tl.prependTo(bullets).css({'float':'left'}); tr.insertBefore(bullets.find('.tpclear')).css({'float':'left'}); } var loff=0; if (opt.forceFullWidth=="on") loff = 0-opt.container.parent().offset().left; if (opt.navigationArrows!="none" && opt.navigationArrows!="nexttobullets") { tl.css({'position':'absolute'}); tr.css({'position':'absolute'}); if (opt.soloArrowLeftValign=="center") tl.css({'top':'50%','marginTop':(opt.soloArrowLeftVOffset-Math.round(tl.innerHeight()/2))+"px"}); if (opt.soloArrowLeftValign=="bottom") tl.css({'top':'auto','bottom':(0+opt.soloArrowLeftVOffset)+"px"}); if (opt.soloArrowLeftValign=="top") tl.css({'bottom':'auto','top':(0+opt.soloArrowLeftVOffset)+"px"}); if (opt.soloArrowLeftHalign=="center") tl.css({'left':'50%','marginLeft':(loff+opt.soloArrowLeftHOffset-Math.round(tl.innerWidth()/2))+"px"}); if (opt.soloArrowLeftHalign=="left") tl.css({'left':(0+opt.soloArrowLeftHOffset+loff)+"px"}); if (opt.soloArrowLeftHalign=="right") tl.css({'right':(0+opt.soloArrowLeftHOffset-loff)+"px"}); if (opt.soloArrowRightValign=="center") tr.css({'top':'50%','marginTop':(opt.soloArrowRightVOffset-Math.round(tr.innerHeight()/2))+"px"}); if (opt.soloArrowRightValign=="bottom") tr.css({'top':'auto','bottom':(0+opt.soloArrowRightVOffset)+"px"}); if (opt.soloArrowRightValign=="top") tr.css({'bottom':'auto','top':(0+opt.soloArrowRightVOffset)+"px"}); if (opt.soloArrowRightHalign=="center") tr.css({'left':'50%','marginLeft':(loff+opt.soloArrowRightHOffset-Math.round(tr.innerWidth()/2))+"px"}); if (opt.soloArrowRightHalign=="left") tr.css({'left':(0+opt.soloArrowRightHOffset+loff)+"px"}); if (opt.soloArrowRightHalign=="right") tr.css({'right':(0+opt.soloArrowRightHOffset-loff)+"px"}); if (tl.position()!=null) tl.css({'top':Math.round(parseInt(tl.position().top,0))+"px"}); if (tr.position()!=null) tr.css({'top':Math.round(parseInt(tr.position().top,0))+"px"}); } if (opt.navigationArrows=="none") { tl.css({'visibility':'hidden'}); tr.css({'visibility':'hidden'}); } // SET THE POSITIONS OF THE BULLETS // THUMBNAILS if (opt.navigationVAlign=="center") bullets.css({'top':'50%','marginTop':(opt.navigationVOffset-Math.round(bullets.innerHeight()/2))+"px"}); if (opt.navigationVAlign=="bottom") bullets.css({'bottom':(0+opt.navigationVOffset)+"px"}); if (opt.navigationVAlign=="top") bullets.css({'top':(0+opt.navigationVOffset)+"px"}); if (opt.navigationHAlign=="center") bullets.css({'left':'50%','marginLeft':(loff+opt.navigationHOffset-Math.round(bullets.innerWidth()/2))+"px"}); if (opt.navigationHAlign=="left") bullets.css({'left':(0+opt.navigationHOffset+loff)+"px"}); if (opt.navigationHAlign=="right") bullets.css({'right':(0+opt.navigationHOffset-loff)+"px"}); } ////////////////////////////////////////////////////////// // - SET THE IMAGE SIZE TO FIT INTO THE CONTIANER - // //////////////////////////////////////////////////////// function setSize(img,opt) { opt.container.closest('.forcefullwidth_wrapper_tp_banner').find('.tp-fullwidth-forcer').css({'height':opt.container.height()}); opt.container.closest('.rev_slider_wrapper').css({'height':opt.container.height()}); opt.width=parseInt(opt.container.width(),0); opt.height=parseInt(opt.container.height(),0); opt.bw= (opt.width / opt.startwidth); opt.bh = (opt.height / opt.startheight); if (opt.bh>opt.bw) opt.bh=opt.bw; if (opt.bh1) { opt.bw=1; opt.bh=1; } if (opt.bw>1) {opt.bw=1; opt.bh=1; } //opt.height= opt.startheight * opt.bh; opt.height = Math.round(opt.startheight * (opt.width/opt.startwidth)); if (opt.height>opt.startheight && opt.autoHeight!="on") opt.height=opt.startheight; if (opt.fullScreen=="on") { opt.height = opt.bw * opt.startheight; var cow = opt.container.parent().width(); var coh = jQuery(window).height(); if (opt.fullScreenOffsetContainer!=undefined) { try{ var offcontainers = opt.fullScreenOffsetContainer.split(","); jQuery.each(offcontainers,function(index,searchedcont) { coh = coh - jQuery(searchedcont).outerHeight(true); if (cohul:first').css({overflow:'hidden',width:'100%',height:'100%',maxHeight:container.parent().css('maxHeight')}); if (opt.autoHeight=="on") { container.find('>ul:first').css({overflow:'hidden',width:'100%',height:'100%',maxHeight:"none"}); container.css({'maxHeight':'none'}); container.parent().css({'maxHeight':'none'}); } container.find('>ul:first >li').each(function(j) { var li=jQuery(this); // MAKE LI OVERFLOW HIDDEN FOR FURTHER ISSUES li.css({'width':'100%','height':'100%','overflow':'hidden'}); if (li.data('link')!=undefined) { var link = li.data('link'); var target="_self"; var zindex=60; if (li.data('slideindex')=="back") zindex=0; var linktoslide=li.data('linktoslide'); if (li.data('target')!=undefined) target=li.data('target'); if (link=="slide") { li.append(''); } else { linktoslide="no"; li.append(''); } } }); // RESOLVE OVERFLOW HIDDEN OF MAIN CONTAINER container.parent().css({'overflow':'visible'}); container.find('>ul:first >li >img').each(function(j) { var img=jQuery(this); img.addClass('defaultimg'); if (img.data('lazyload')!=undefined && img.data('lazydone') != 1) { } else { setSize(img,opt); } img.wrap('
'); if (opt.dottedOverlay!="none" && opt.dottedOverlay!=undefined) img.closest('.slotholder').append('
'); var src=img.attr('src'); var ll = img.data('lazyload'); var bgfit = img.data('bgfit'); var bgrepeat = img.data('bgrepeat'); var bgposition = img.data('bgposition'); if (bgfit==undefined) bgfit="cover"; if (bgrepeat==undefined) bgrepeat="no-repeat"; if (bgposition==undefined) bgposition="center center" var pari = img.closest('.slotholder'); img.replaceWith('
'); if (isIE(8)) { pari.find('.tp-bgimg').css({backgroundImage:"none",'background-image':'none'}); pari.find('.tp-bgimg').append(''); } img.css({'opacity':0}); img.data('li-id',j); }); } /////////////////////// // PREPARE THE SLIDE // ////////////////////// function prepareOneSlideSlot(slotholder,opt,visible,vorh) { var sh=slotholder; var img = sh.find('.defaultimg') var scalestart = sh.data('zoomstart'); var rotatestart = sh.data('rotationstart'); if (img.data('currotate')!=undefined) rotatestart = img.data('currotate'); if (img.data('curscale')!=undefined) scalestart = img.data('curscale'); setSize(img,opt) var src = img.data('src'); var bgcolor=img.css('background-color'); var w = opt.width; var h = opt.height; if (opt.autoHeight=="on") h = opt.container.height(); var fulloff = img.data("fxof"); if (fulloff==undefined) fulloff=0; fullyoff=0; var off=0; var bgfit = img.data('bgfit'); var bgrepeat = img.data('bgrepeat'); var bgposition = img.data('bgposition'); if (bgfit==undefined) bgfit="cover"; if (bgrepeat==undefined) bgrepeat="no-repeat"; if (bgposition==undefined) bgposition="center center"; if (sh.data('kenburns')=="on") { bgfit=scalestart; if (bgfit.toString().length<4) bgfit = calculateKenBurnScales(bgfit,sh,opt); } if (isIE(8)) { var imgsrc=src; src=""; } if (vorh == "horizontal") { if (!visible) var off=0-opt.slotw; for (var i=0;i'+ '
'+ '
'+ '
'); if (scalestart!=undefined && rotatestart!=undefined) TweenLite.set(sh.find('.slot').last(),{rotationZ:rotatestart}); if (isIE(8)) { sh.find('.slot ').last().find('.slotslide').append(''); ieimgposition(sh,opt); } } } else { if (!visible) var off=0-opt.sloth; for (var i=0;i'+ '
'+ '
'+ '
'); if (scalestart!=undefined && rotatestart!=undefined) TweenLite.set(sh.find('.slot').last(),{rotationZ:rotatestart}); if (isIE(8)) { sh.find('.slot ').last().find('.slotslide').append(''); ieimgposition(sh,opt); } } } } /////////////////////// // PREPARE THE SLIDE // ////////////////////// function prepareOneSlideBox(slotholder,opt,visible) { var sh=slotholder; var img = sh.find('.defaultimg'); var scalestart = sh.data('zoomstart'); var rotatestart = sh.data('rotationstart'); if (img.data('currotate')!=undefined) rotatestart = img.data('currotate'); if (img.data('curscale')!=undefined) scalestart = img.data('curscale')*100; setSize(img,opt) var src = img.data('src'); var bgcolor=img.css('backgroundColor'); var w = opt.width; var h = opt.height; if (opt.autoHeight=="on") h = opt.container.height(); var fulloff = img.data("fxof"); if (fulloff==undefined) fulloff=0; fullyoff=0; var off=0; if (isIE(8)) { var imgsrc=src; src=""; } // SET THE MINIMAL SIZE OF A BOX var basicsize = 0; if (opt.sloth>opt.slotw) basicsize=opt.sloth else basicsize=opt.slotw; if (!visible) { var off=0-basicsize; } opt.slotw = basicsize; opt.sloth = basicsize; var x=0; var y=0; var bgfit = img.data('bgfit'); var bgrepeat = img.data('bgrepeat'); var bgposition = img.data('bgposition'); if (bgfit==undefined) bgfit="cover"; if (bgrepeat==undefined) bgrepeat="no-repeat"; if (bgposition==undefined) bgposition="center center"; if (sh.data('kenburns')=="on") { bgfit=scalestart; if (bgfit.toString().length<4) bgfit = calculateKenBurnScales(bgfit,sh,opt); } for (var j=0;j'+ '
'+ '
'+ '
'); y=y+basicsize; if (isIE(8)) { sh.find('.slot ').last().find('.slotslide').append(''); ieimgposition(sh,opt); } if (scalestart!=undefined && rotatestart!=undefined) TweenLite.set(sh.find('.slot').last(),{rotationZ:rotatestart}); } x=x+basicsize; } } /*********************************************** - MOVE IE8 IMAGE IN RIGHT POSITION - ***********************************************/ function ieimgposition(nextsh,opt) { if (isIE(8)) { var ie8img = nextsh.find('.ieeightfallbackimage'); var ie8w = ie8img.width(), ie8h = ie8img.height(); if (opt.startwidth/opt.startheight 0) loadAllPrepared(element,found); else { clearInterval(inter); if (call!=undefined) call(); } },100) } ////////////////////////////// // // // - SWAP THE SLIDES - // // // //////////////////////////// function swapSlide(container,opt) { try{ var actli = container.find('>ul:first-child >li:eq('+opt.act+')'); } catch(e) { var actli=container.find('>ul:first-child >li:eq(1)'); } opt.lastslide=opt.act; var nextli = container.find('>ul:first-child >li:eq('+opt.next+')'); var defimg= nextli.find('.defaultimg'); opt.bannertimeronpause = true; container.trigger('stoptimer'); opt.cd=0; if (defimg.data('lazyload') !=undefined && defimg.data('lazyload') !="undefined" && defimg.data('lazydone') !=1 ) { if (!isIE(8)) defimg.css({backgroundImage:'url("'+nextli.find('.defaultimg').data('lazyload')+'")'}); else { defimg.attr('src',nextli.find('.defaultimg').data('lazyload')); } defimg.data('src',nextli.find('.defaultimg').data('lazyload')); defimg.data('lazydone',1); defimg.data('orgw',0); nextli.data('loadeddone',1); TweenLite.set(container.find('.tp-loader'),{display:"block",opacity:0}); TweenLite.to(container.find('.tp-loader'),0.3,{autoAlpha:1}); waitForLoads(nextli,function() { swapSlideCall(opt,defimg,container) },opt); } else { if (nextli.data('loadeddone')===undefined) { nextli.data('loadeddone',1); waitForLoads(nextli,function() { swapSlideCall(opt,defimg,container) },opt); } else swapSlideCall(opt,defimg,container) } } function swapSlideCall(opt,defimg,container) { opt.bannertimeronpause = false; opt.cd=0; container.trigger('nulltimer'); TweenLite.to(container.find('.tp-loader'),0.3,{autoAlpha:0}); setSize(defimg,opt); setBulPos(container,opt); setSize(defimg,opt); swapSlideProgress(container,opt); } /****************************** - SWAP SLIDE PROGRESS - ********************************/ /*!SWAP SLIDE*/ function swapSlideProgress(container,opt) { container.trigger('revolution.slide.onbeforeswap'); opt.transition = 1; opt.videoplaying = false; //konsole.log("VideoPlay set to False due swapSlideProgress"); try{ var actli = container.find('>ul:first-child >li:eq('+opt.act+')'); } catch(e) { var actli=container.find('>ul:first-child >li:eq(1)'); } opt.lastslide=opt.act; var nextli = container.find('>ul:first-child >li:eq('+opt.next+')'); var actsh = actli.find('.slotholder'); var nextsh = nextli.find('.slotholder'); actli.css({'visibility':'visible'}); nextli.css({'visibility':'visible'}); if (nextsh.data('kenburns')=="on") stopKenBurn(container,opt); if (opt.ie) { if (comingtransition=="boxfade") comingtransition = "boxslide"; if (comingtransition=="slotfade-vertical") comingtransition = "slotzoom-vertical"; if (comingtransition=="slotfade-horizontal") comingtransition = "slotzoom-horizontal"; } // IF DELAY HAS BEEN SET VIA THE SLIDE, WE TAKE THE NEW VALUE, OTHER WAY THE OLD ONE... if (nextli.data('delay')!=undefined) { opt.cd=0; opt.delay=nextli.data('delay'); } else { opt.delay=opt.origcd; } container.trigger('restarttimer'); // RESET POSITION AND FADES OF LI'S actli.css({'left':'0px','top':'0px'}); nextli.css({'left':'0px','top':'0px'}); // IF THERE IS AN OTHER FIRST SLIDE START HAS BEED SELECTED if (nextli.data('differentissplayed') =='prepared') { nextli.data('differentissplayed','done'); nextli.data('transition',nextli.data('savedtransition')); nextli.data('slotamount',nextli.data('savedslotamount')); nextli.data('masterspeed',nextli.data('savedmasterspeed')); } if (nextli.data('fstransition') != undefined && nextli.data('differentissplayed') !="done") { nextli.data('savedtransition',nextli.data('transition')); nextli.data('savedslotamount',nextli.data('slotamount')); nextli.data('savedmasterspeed',nextli.data('masterspeed')); nextli.data('transition',nextli.data('fstransition')); nextli.data('slotamount',nextli.data('fsslotamount')); nextli.data('masterspeed',nextli.data('fsmasterspeed')); nextli.data('differentissplayed','prepared'); } /////////////////////////////////////// // TRANSITION CHOOSE - RANDOM EFFECTS// /////////////////////////////////////// var nexttrans = 0; var transtext = nextli.data('transition').split(","); var curtransid = nextli.data('nexttransid'); if (curtransid == undefined) { curtransid=0; nextli.data('nexttransid',curtransid); } else { curtransid=curtransid+1; if (curtransid==transtext.length) curtransid=0; nextli.data('nexttransid',curtransid); } var comingtransition = transtext[curtransid]; var specials = 0; /*if (opt.ffnn == undefined) opt.ffnn=0; comingtransition=opt.ffnn; opt.ffnn=opt.ffnn+1; if (opt.ffnn>46) opt.ffnn=0;*/ /* Transition Name , Transition Code, Transition Sub Code, Max Slots, MasterSpeed Delays, Preparing Slots (box,slideh, slidev), Call on nextsh (null = no, true/false for visibility first preparing), Call on actsh (null = no, true/false for visibility first preparing), */ if (comingtransition=="slidehorizontal") { comingtransition = "slideleft" if (opt.leftarrowpressed==1) comingtransition = "slideright" } if (comingtransition=="slidevertical") { comingtransition = "slideup" if (opt.leftarrowpressed==1) comingtransition = "slidedown" } var transitionsArray = [ ['boxslide' , 0, 1, 10, 0,'box',false,null,0], ['boxfade', 1, 0, 10, 0,'box',false,null,1], ['slotslide-horizontal', 2, 0, 0, 200,'horizontal',true,false,2], ['slotslide-vertical', 3, 0,0,200,'vertical',true,false,3], ['curtain-1', 4, 3,0,0,'horizontal',true,true,4], ['curtain-2', 5, 3,0,0,'horizontal',true,true,5], ['curtain-3', 6, 3,25,0,'horizontal',true,true,6], ['slotzoom-horizontal', 7, 0,0,400,'horizontal',true,true,7], ['slotzoom-vertical', 8, 0,0,0,'vertical',true,true,8], ['slotfade-horizontal', 9, 0,0,500,'horizontal',true,null,9], ['slotfade-vertical', 10, 0,0 ,500,'vertical',true,null,10], ['fade', 11, 0, 1 ,300,'horizontal',true,null,11], ['slideleft', 12, 0,1,0,'horizontal',true,true,12], ['slideup', 13, 0,1,0,'horizontal',true,true,13], ['slidedown', 14, 0,1,0,'horizontal',true,true,14], ['slideright', 15, 0,1,0,'horizontal',true,true,15], ['papercut', 16, 0,0,600,'',null,null,16], ['3dcurtain-horizontal', 17, 0,20,100,'vertical',false,true,17], ['3dcurtain-vertical', 18, 0,10,100,'horizontal',false,true,18], ['cubic', 19, 0,20,600,'horizontal',false,true,19], ['cube',19,0,20,600,'horizontal',false,true,20], ['flyin', 20, 0,4,600,'vertical',false,true,21], ['turnoff', 21, 0,1,1600,'horizontal',false,true,22], ['incube', 22, 0,20,600,'horizontal',false,true,23], ['cubic-horizontal', 23, 0,20,500,'vertical',false,true,24], ['cube-horizontal', 23, 0,20,500,'vertical',false,true,25], ['incube-horizontal', 24, 0,20,500,'vertical',false,true,26], ['turnoff-vertical', 25, 0,1,1600,'horizontal',false,true,27], ['fadefromright', 12, 1,1,0,'horizontal',true,true,28], ['fadefromleft', 15, 1,1,0,'horizontal',true,true,29], ['fadefromtop', 14, 1,1,0,'horizontal',true,true,30], ['fadefrombottom', 13, 1,1,0,'horizontal',true,true,31], ['fadetoleftfadefromright', 12, 2,1,0,'horizontal',true,true,32], ['fadetorightfadetoleft', 15, 2,1,0,'horizontal',true,true,33], ['fadetobottomfadefromtop', 14, 2,1,0,'horizontal',true,true,34], ['fadetotopfadefrombottom', 13, 2,1,0,'horizontal',true,true,35], ['parallaxtoright', 12, 3,1,0,'horizontal',true,true,36], ['parallaxtoleft', 15, 3,1,0,'horizontal',true,true,37], ['parallaxtotop', 14, 3,1,0,'horizontal',true,true,38], ['parallaxtobottom', 13, 3,1,0,'horizontal',true,true,39], ['scaledownfromright', 12, 4,1,0,'horizontal',true,true,40], ['scaledownfromleft', 15, 4,1,0,'horizontal',true,true,41], ['scaledownfromtop', 14, 4,1,0,'horizontal',true,true,42], ['scaledownfrombottom', 13, 4,1,0,'horizontal',true,true,43], ['zoomout', 13, 5,1,0,'horizontal',true,true,44], ['zoomin', 13, 6,1,0,'horizontal',true,true,45], ['notransition',26,0,1,0,'horizontal',true,null,46] ]; var flatTransitions = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45]; var premiumTransitions = [16,17,18,19,20,21,22,23,24,25,26,27] var nexttrans =0; var specials = 1; var STAindex = 0; var indexcounter =0; var STA = new Array; // RANDOM TRANSITIONS if (comingtransition == "random") { comingtransition = Math.round(Math.random()*transitionsArray.length-1); if (comingtransition>transitionsArray.length-1) comingtransition=transitionsArray.length-1; } // RANDOM FLAT TRANSITIONS if (comingtransition == "random-static") { comingtransition = Math.round(Math.random()*flatTransitions.length-1); if (comingtransition>flatTransitions.length-1) comingtransition=flatTransitions.length-1; comingtransition = flatTransitions[comingtransition]; } // RANDOM PREMIUM TRANSITIONS if (comingtransition == "random-premium") { comingtransition = Math.round(Math.random()*premiumTransitions.length-1); if (comingtransition>premiumTransitions.length-1) comingtransition=premiumTransitions.length-1; comingtransition = premiumTransitions[comingtransition]; } findTransition(); // CHECK IF WE HAVE IE8 AND THAN FALL BACK ON FLAT TRANSITIONS if (isIE(8) && nexttrans>15 && nexttrans<28) { comingtransition = Math.round(Math.random()*flatTransitions.length-1); if (comingtransition>flatTransitions.length-1) comingtransition=flatTransitions.length-1; comingtransition = flatTransitions[comingtransition]; indexcounter =0; findTransition(); } function findTransition() { // FIND THE RIGHT TRANSITION PARAMETERS HERE jQuery.each(transitionsArray,function(inde,trans) { if (trans[0] == comingtransition || trans[8] == comingtransition) { nexttrans = trans[1]; specials = trans[2]; STAindex = indexcounter; } indexcounter = indexcounter+1; }) } var direction=-1; if (opt.leftarrowpressed==1 || opt.act>opt.next) direction=1; opt.leftarrowpressed=0; if (nexttrans>26) nexttrans = 26; if (nexttrans<0) nexttrans = 0; // DEFINE THE MASTERSPEED FOR THE SLIDE // var masterspeed=300; if (nextli.data('masterspeed')!=undefined && nextli.data('masterspeed')>99 && nextli.data('masterspeed')<4001) masterspeed = nextli.data('masterspeed'); // PREPARED DEFAULT SETTINGS PER TRANSITION STA = transitionsArray[STAindex]; ///////////////////////////////////////////// // SET THE BULLETS SELECTED OR UNSELECTED // ///////////////////////////////////////////// container.parent().find(".bullet").each(function() { var bul = jQuery(this); bul.removeClass("selected"); if (opt.navigationArrows=="withbullet" || opt.navigationArrows=="nexttobullets") { if (bul.index()-1 == opt.next) bul.addClass('selected'); } else { if (bul.index() == opt.next) bul.addClass('selected'); } }); ////////////////////////////////////////////////////////////////// // SET THE NEXT CAPTION AND REMOVE THE LAST CAPTION // ////////////////////////////////////////////////////////////////// container.find('>li').each(function() { var li = jQuery(this); if (li.index!=opt.act && li.index!=opt.next) li.css({'z-index':16}); }); actli.css({'z-index':18}); nextli.css({'z-index':20}); nextli.css({'opacity':0}); /////////////////////////// // ANIMATE THE CAPTIONS // /////////////////////////// if (actli.index() != nextli.index() && opt.firststart!=1) { removeTheCaptions(actli,opt); } animateTheCaptions(nextli, opt); ///////////////////////////////////////////// // SET THE ACTUAL AMOUNT OF SLIDES !! // // SET A RANDOM AMOUNT OF SLOTS // /////////////////////////////////////////// if (nextli.data('slotamount')==undefined || nextli.data('slotamount')<1) { opt.slots=Math.round(Math.random()*12+4); if (comingtransition=="boxslide") opt.slots=Math.round(Math.random()*6+3); else if (comingtransition=="flyin") opt.slots=Math.round(Math.random()*4+1); } else { opt.slots=nextli.data('slotamount'); } ///////////////////////////////////////////// // SET THE ACTUAL AMOUNT OF SLIDES !! // // SET A RANDOM AMOUNT OF SLOTS // /////////////////////////////////////////// if (nextli.data('rotate')==undefined) opt.rotate = 0 else if (nextli.data('rotate')==999) opt.rotate=Math.round(Math.random()*360); else opt.rotate=nextli.data('rotate'); if (!jQuery.support.transition || opt.ie || opt.ie9) opt.rotate=0; ////////////////////////////// // FIRST START // ////////////////////////////// if (opt.firststart==1) { actli.css({'opacity':0}); opt.firststart=0; } // HERE COMES THE TRANSITION ENGINE // ADJUST MASTERSPEED masterspeed = masterspeed + STA[4]; if ((nexttrans==4 || nexttrans==5 || nexttrans==6) && opt.slots<3 ) opt.slots=3; // ADJUST SLOTS if (STA[3] != 0) opt.slots = Math.min(opt.slots,STA[3]); if (nexttrans==9) opt.slots = opt.width/20; if (nexttrans==10) opt.slots = opt.height/20; // PREPAREONESLIDEBOX if (STA[5] == "box") { if (STA[7] !=null) prepareOneSlideBox(actsh,opt,STA[7]); if (STA[6] !=null) prepareOneSlideBox(nextsh,opt,STA[6]); } else if (STA[5] == "vertical" || STA[5] == "horizontal") { if (STA[7] !=null) prepareOneSlideSlot(actsh,opt,STA[7],STA[5]); if (STA[6] !=null) prepareOneSlideSlot(nextsh,opt,STA[6],STA[5]); } // SHOW FIRST LI if (nexttrans<12 || nexttrans>16) nextli.css({'opacity':1}); ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==0) { // BOXSLIDE //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT var maxz = Math.ceil(opt.height/opt.sloth); var curz = 0; nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); curz=curz+1; if (curz==maxz) curz=0; TweenLite.fromTo(ss,(masterspeed)/600, {opacity:0,top:(0-opt.sloth),left:(0-opt.slotw),rotation:opt.rotate}, {opacity:1,transformPerspective:600,top:0,left:0,scale:1,rotation:0,delay:((j)*15 + (curz)*30)/1500, ease:Power2.easeOut,onComplete:function() { if (j==(opt.slots*opt.slots)-1) { letItFree(container,opt,nextsh,actsh,nextli,actli) } }}); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==1) { //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT var maxtime; nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); rand=Math.random()*masterspeed+300; rand2=Math.random()*500+200; if (rand+rand2>maxtime) maxtime = rand2+rand2; TweenLite.fromTo(ss,rand/1000, {opacity:0,transformPerspective:600,rotation:opt.rotate}, {opacity:1, ease:Power2.easeInOut,rotation:0,delay:rand2/1000}) }); setTimeout(function() { letItFree(container,opt,nextsh,actsh,nextli,actli) },masterspeed+300); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==2) { //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT actsh.find('.slotslide').each(function() { var ss=jQuery(this); TweenLite.to(ss,masterspeed/1000,{left:opt.slotw, rotation:(0-opt.rotate),onComplete:function() { letItFree(container,opt,nextsh,actsh,nextli,actli) }}); }); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function() { var ss=jQuery(this); TweenLite.fromTo(ss,masterspeed/1000, {left:0-opt.slotw, rotation:opt.rotate,transformPerspective:600}, {left:0, rotation:0,ease:Power2.easeOut,onComplete:function() { letItFree(container,opt,nextsh,actsh,nextli,actli) } }); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==3) { //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT actsh.find('.slotslide').each(function() { var ss=jQuery(this); TweenLite.to(ss,masterspeed/1000,{top:opt.sloth,rotation:opt.rotate,transformPerspective:600,onComplete:function() { letItFree(container,opt,nextsh,actsh,nextli,actli) }}); }); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function() { var ss=jQuery(this); TweenLite.fromTo(ss,masterspeed/1000, {top:0-opt.sloth,rotation:opt.rotate,transformPerspective:600}, {top:0,rotation:0,ease:Power2.easeOut,onComplete:function() { letItFree(container,opt,nextsh,actsh,nextli,actli) }}); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==4 || nexttrans==5) { //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT var cspeed = (masterspeed)/1000; var ticker = cspeed; actsh.find('.slotslide').each(function(i) { var ss=jQuery(this); var del = (i*cspeed)/opt.slots; if (nexttrans==5) del = ((opt.slots-i-1)*cspeed)/(opt.slots)/1.5; TweenLite.to(ss,cspeed*3,{transformPerspective:600,top:0+opt.height,opacity:0.5,rotation:opt.rotate,ease:Power2.easeInOut,delay:del}); }); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function(i) { var ss=jQuery(this); var del = (i*cspeed)/opt.slots; if (nexttrans==5) del = ((opt.slots-i-1)*cspeed)/(opt.slots)/1.5; TweenLite.fromTo(ss,cspeed*3, {top:(0-opt.height),opacity:0.5,rotation:opt.rotate,transformPerspective:600}, {top:0,opacity:1,rotation:0,ease:Power2.easeInOut,delay:del,onComplete:function() { if (i==opt.slots-1) { letItFree(container,opt,nextsh,actsh,nextli,actli) } }}); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==6) { if (opt.slots<2) opt.slots=2; //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); actsh.find('.slotslide').each(function(i) { var ss=jQuery(this); if (i'); actli.find('.tp-half-one').clone(true).appendTo(actli).addClass("tp-half-two"); actli.find('.tp-half-two').removeClass('tp-half-one'); var oow = opt.width; var ooh = opt.height; if (opt.autoHeight=="on") ooh = container.height(); actli.find('.tp-half-one .defaultimg').wrap('
') actli.find('.tp-half-two .defaultimg').wrap('
') actli.find('.tp-half-two .defaultimg').css({position:'absolute',top:'-50%'}); actli.find('.tp-half-two .tp-caption').wrapAll('
'); TweenLite.set(actli.find('.tp-half-two'), {width:oow,height:ooh,overflow:'hidden',zIndex:15,position:'absolute',top:ooh/2,left:'0px',transformPerspective:600,transformOrigin:"center bottom"}); TweenLite.set(actli.find('.tp-half-one'), {width:oow,height:ooh/2,overflow:'visible',zIndex:10,position:'absolute',top:'0px',left:'0px',transformPerspective:600,transformOrigin:"center top"}); // ANIMATE THE CUTS var img=actli.find('.defaultimg'); var ro1=Math.round(Math.random()*20-10); var ro2=Math.round(Math.random()*20-10); var ro3=Math.round(Math.random()*20-10); var xof = Math.random()*0.4-0.2; var yof = Math.random()*0.4-0.2; var sc1=Math.random()*1+1; var sc2=Math.random()*1+1; TweenLite.fromTo(actli.find('.tp-half-one'),masterspeed/1000, {width:oow,height:ooh/2,position:'absolute',top:'0px',left:'0px',transformPerspective:600,transformOrigin:"center top"}, {scale:sc1,rotation:ro1,y:(0-ooh-ooh/4),ease:Power2.easeInOut}); setTimeout(function() { TweenLite.set(actli.find('.tp-half-one'),{overflow:'hidden'}); },50); TweenLite.fromTo(actli.find('.tp-half-one'),masterspeed/2000,{opacity:1,transformPerspective:600,transformOrigin:"center center"},{opacity:0,delay:masterspeed/2000}); TweenLite.fromTo(actli.find('.tp-half-two'),masterspeed/1000, {width:oow,height:ooh,overflow:'hidden',position:'absolute',top:ooh/2,left:'0px',transformPerspective:600,transformOrigin:"center bottom"}, {scale:sc2,rotation:ro2,y:ooh+ooh/4,ease:Power2.easeInOut}); TweenLite.fromTo(actli.find('.tp-half-two'),masterspeed/2000,{opacity:1,transformPerspective:600,transformOrigin:"center center"},{opacity:0,delay:masterspeed/2000}); if (actli.html()!=null) TweenLite.fromTo(nextli,(masterspeed-200)/1000,{opacity:0,scale:0.8,x:opt.width*xof, y:ooh*yof,rotation:ro3,transformPerspective:600,transformOrigin:"center center"},{rotation:0,scale:1,x:0,y:0,opacity:1,ease:Power2.easeInOut}); nextsh.find('.defaultimg').css({'opacity':1}); setTimeout(function() { // CLEAN UP BEFORE WE START actli.css({'position':'absolute','z-index':18}); nextli.css({'position':'absolute','z-index':20}); nextsh.find('.defaultimg').css({'opacity':1}); actsh.find('.defaultimg').css({'opacity':0}); if (actli.find('.tp-half-one').length>0) { actli.find('.tp-half-one .defaultimg').unwrap(); actli.find('.tp-half-one .slotholder').unwrap(); } actli.find('.tp-half-two').remove(); opt.transition = 0; opt.act = opt.next; },masterspeed); nextli.css({'opacity':1}); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XVII. // /////////////////////////////////////// if (nexttrans==17) { // 3D CURTAIN HORIZONTAL //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); TweenLite.fromTo(ss,(masterspeed)/800, {opacity:0,rotationY:0,scale:0.9,rotationX:-110,transformPerspective:600,transformOrigin:"center center"}, {opacity:1,top:0,left:0,scale:1,rotation:0,rotationX:0,rotationY:0,ease:Power3.easeOut,delay:j*0.06,onComplete:function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli) }}); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XVIII. // /////////////////////////////////////// if (nexttrans==18) { // 3D CURTAIN VERTICAL //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); TweenLite.fromTo(ss,(masterspeed)/500, {opacity:0,rotationY:310,scale:0.9,rotationX:10,transformPerspective:600,transformOrigin:"center center"}, {opacity:1,top:0,left:0,scale:1,rotation:0,rotationX:0,rotationY:0,ease:Power3.easeOut,delay:j*0.06,onComplete:function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli) }}); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XIX. // /////////////////////////////////////// if (nexttrans==19 || nexttrans==22) { // IN CUBE //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); var chix=nextli.css('z-index'); var chix2=actli.css('z-index'); var rot = 90; var op = 1; if (direction==1) rot = -90; if (nexttrans==19) { var torig = "center center -"+opt.height/2; op=0; } else { var torig = "center center "+opt.height/2; } // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT //if (nexttrans==129) { TweenLite.fromTo(nextsh,masterspeed/2000,{transformPerspective:600,z:0,x:0,rotationY:0},{rotationY:1,ease:Power1.easeInOut,z:-40}); TweenLite.fromTo(nextsh,masterspeed/2000,{transformPerspective:600,z:-40,rotationY:1},{rotationY:0,z:0,ease:Power1.easeInOut,x:0,delay:3*(masterspeed/4000)}); TweenLite.fromTo(actsh,masterspeed/2000,{transformPerspective:600,z:0,x:0,rotationY:0},{rotationY:1,x:0,ease:Power1.easeInOut,z:-40}); TweenLite.fromTo(actsh,masterspeed/2000,{transformPerspective:600,z:-40,x:0,rotationY:1},{rotationY:0,z:0,x:0,ease:Power1.easeInOut,delay:3*(masterspeed/4000)}); //} nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); TweenLite.fromTo(ss,masterspeed/1000, {left:0,rotationY:opt.rotate,opacity:op,top:0,scale:0.8,transformPerspective:600,transformOrigin:torig,rotationX:rot}, {left:0,rotationY:0,opacity:1,top:0,z:0, scale:1,rotationX:0, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli) } }); TweenLite.to(ss,0.1,{opacity:1,delay:(j*50)/1000+masterspeed/3000}); }); actsh.find('.slotslide').each(function(j) { var ss=jQuery(this); var rot = -90; if (direction==1) rot = 90; TweenLite.fromTo(ss,masterspeed/1000, {opacity:1,rotationY:0,top:0,z:0,scale:1,transformPerspective:600,transformOrigin:torig, rotationX:0}, {opacity:1,rotationY:opt.rotate,top:0, scale:0.8,rotationX:rot, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli) } }); TweenLite.to(ss,0.1,{opacity:0,delay:(j*50)/1000+(masterspeed/1000 - (masterspeed/10000))}); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XX. // /////////////////////////////////////// if (nexttrans==20 ) { // FLYIN //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); var chix=nextli.css('z-index'); var chix2=actli.css('z-index'); if (direction==1) { var ofx = -opt.width var rot =70; var torig = "left center -"+opt.height/2; } else { var ofx = opt.width; var rot = -70; var torig = "right center -"+opt.height/2; } nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); //ss.css({overflow:'visible'}); TweenLite.fromTo(ss,masterspeed/1500, {left:ofx,rotationX:40,z:-600, opacity:op,top:0,transformPerspective:600,transformOrigin:torig,rotationY:rot}, {left:0, delay:(j*50)/1000,ease:Power2.easeInOut}); TweenLite.fromTo(ss,masterspeed/1000, {rotationX:40,z:-600, opacity:op,top:0,scale:1,transformPerspective:600,transformOrigin:torig,rotationY:rot}, {rotationX:0,opacity:1,top:0,z:0, scale:1,rotationY:0, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli) } }); TweenLite.to(ss,0.1,{opacity:1,delay:(j*50)/1000+masterspeed/2000}); }); actsh.find('.slotslide').each(function(j) { var ss=jQuery(this); //ss.css({overflow:'visible'}); if (direction!=1) { var ofx = -opt.width var rot =70; var torig = "left center -"+opt.height/2; } else { var ofx = opt.width; var rot = -70; var torig = "right center -"+opt.height/2; } TweenLite.fromTo(ss,masterspeed/1000, {opacity:1,rotationX:0,top:0,z:0,scale:1,left:0, transformPerspective:600,transformOrigin:torig, rotationY:0}, {opacity:1,rotationX:40,top:0, z:-600, left:ofx, scale:0.8,rotationY:rot, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli) } }); TweenLite.to(ss,0.1,{opacity:0,delay:(j*50)/1000+(masterspeed/1000 - (masterspeed/10000))}); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XX. // /////////////////////////////////////// if (nexttrans==21 || nexttrans==25) { // TURNOFF //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); var chix=nextli.css('z-index'); var chix2=actli.css('z-index'); if (direction==1) { var ofx = -opt.width var rot =110; if (nexttrans==25) { var torig = "center top 0" rot2 = -rot; rot = opt.rotate; } else { var torig = "left center 0"; rot2 = opt.rotate; } } else { var ofx = opt.width; var rot = -110; if (nexttrans==25) { var torig = "center bottom 0" rot2 = -rot; rot = opt.rotate; } else { var torig = "right center 0"; rot2 = opt.rotate; } } nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); TweenLite.fromTo(ss,masterspeed/1500, {left:0,rotationX:rot2,z:0, opacity:0,top:0,scale:1,transformPerspective:600,transformOrigin:torig,rotationY:rot}, {left:0,rotationX:0,top:0,z:0, scale:1,rotationY:0, delay:(j*100)/1000+masterspeed/10000,ease:Power2.easeInOut,onComplete: function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli) } }); TweenLite.to(ss,0.3,{opacity:1,delay:(j*100)/1000+(masterspeed*0.2)/2000+masterspeed/10000}); }); if (direction!=1) { var ofx = -opt.width var rot = 90; if (nexttrans==25) { var torig = "center top 0" rot2 = -rot; rot = opt.rotate; } else { var torig = "left center 0"; rot2 = opt.rotate; } } else { var ofx = opt.width; var rot = -90; if (nexttrans==25) { var torig = "center bottom 0" rot2 = -rot; rot = opt.rotate; } else { var torig = "right center 0"; rot2 = opt.rotate; } } actsh.find('.slotslide').each(function(j) { var ss=jQuery(this); TweenLite.fromTo(ss,masterspeed/3000, {left:0,rotationX:0,z:0, opacity:1,top:0,scale:1,transformPerspective:600,transformOrigin:torig,rotationY:0}, {left:0,rotationX:rot2,top:0,z:0, scale:1,rotationY:rot, delay:(j*100)/1000,ease:Power1.easeInOut}); TweenLite.to(ss,0.2,{opacity:0,delay:(j*50)/1000+(masterspeed/3000 - (masterspeed/10000))}); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XX. // /////////////////////////////////////// if (nexttrans==23 || nexttrans == 24) { // cube-horizontal - inboxhorizontal //SET DEFAULT IMG UNVISIBLE nextsh.find('.defaultimg').css({'opacity':0}); setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); var chix=nextli.css('z-index'); var chix2=actli.css('z-index'); var rot = -90; if (direction==1) rot = 90; var op = 1; if (nexttrans==23) { var torig = "center center -"+opt.width/2; op=0; } else { var torig = "center center "+opt.width/2; } var opx=0; // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT TweenLite.fromTo(nextsh,masterspeed/2000,{transformPerspective:600,z:0,x:0,rotationY:0},{rotationY:1,ease:Power1.easeInOut,z:-90}); TweenLite.fromTo(nextsh,masterspeed/2000,{transformPerspective:600,z:-90,rotationY:1},{rotationY:0,z:0,ease:Power1.easeInOut,x:0,delay:3*(masterspeed/4000)}); TweenLite.fromTo(actsh,masterspeed/2000,{transformPerspective:600,z:0,x:0,rotationY:0},{rotationY:1,x:0,ease:Power1.easeInOut,z:-90}); TweenLite.fromTo(actsh,masterspeed/2000,{transformPerspective:600,z:-90,x:0,rotationY:1},{rotationY:0,z:0,x:0,ease:Power1.easeInOut,delay:3*(masterspeed/4000)}); nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); TweenLite.fromTo(ss,masterspeed/1000, {left:opx,rotationX:opt.rotate,opacity:op,top:0,scale:1,transformPerspective:600,transformOrigin:torig,rotationY:rot}, {left:0,rotationX:0,opacity:1,top:0,z:0, scale:1,rotationY:0, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli); } }); TweenLite.to(ss,0.1,{opacity:1,delay:(j*50)/1000+masterspeed/3000}); }); rot = 90; if (direction==1) rot = -90; actsh.find('.slotslide').each(function(j) { var ss=jQuery(this); TweenLite.fromTo(ss,masterspeed/1000, {left:0,opacity:1,rotationX:0,top:0,z:0,scale:1,transformPerspective:600,transformOrigin:torig, rotationY:0}, {left:opx,opacity:1,rotationX:opt.rotate,top:0, scale:1,rotationY:rot, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() { if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli) } }); TweenLite.to(ss,0.1,{opacity:0,delay:(j*50)/1000+(masterspeed/1000 - (masterspeed/10000))}); }); } var data={}; data.slideIndex=opt.next+1; container.trigger('revolution.slide.onchange',data); setTimeout(function() { container.trigger('revolution.slide.onafterswap'); },masterspeed); container.trigger('revolution.slide.onvideostop'); } /****************************** - STOP KEN BURN - ********************************/ function stopKenBurn(container,opt) { try{ var actli = container.find('>ul:first-child >li:eq('+opt.act+')'); } catch(e) { var actli=container.find('>ul:first-child >li:eq(1)'); } opt.lastslide=opt.act; var nextli = container.find('>ul:first-child >li:eq('+opt.next+')'); var actsh = actli.find('.slotholder'); var nextsh = nextli.find('.slotholder'); nextsh.find('.defaultimg').each(function() { var defimg = jQuery(this); if (defimg.data('kenburn')!=undefined) defimg.data('kenburn').restart(); TweenLite.killTweensOf(defimg,false); TweenLite.set(defimg,{scale:1,rotationZ:0}); defimg.data('bgposition',nextsh.data('bgposition')); defimg.data('currotate',nextsh.data('rotationstart')); defimg.data('curscale',nextsh.data('bgfit')); }); /*actsh.find('.defaultimg').each(function() { var defimg = jQuery(this); TweenLite.killTweensOf(defimg,false); TweenLite.set(defimg,{scale:1,rotationZ:0}); if (defimg.data('oldbgposition')!=undefined) defimg.data('bgposition',defimg.data('oldbgposition')); defimg.data('currotate',nextsh.data('rotationstart')); defimg.data('curscale',nextsh.data('zoomstart')/100); });*/ } /****************************** - startKenBurn - ********************************/ function startKenBurn(container,opt) { try{ var actli = container.find('>ul:first-child >li:eq('+opt.act+')'); } catch(e) { var actli=container.find('>ul:first-child >li:eq(1)'); } opt.lastslide=opt.act; var nextli = container.find('>ul:first-child >li:eq('+opt.next+')'); var actsh = actli.find('.slotholder'); var nextsh = nextli.find('.slotholder'); var bgps = nextsh.data('bgposition'), bgpe = nextsh.data('bgpositionend'), zos = nextsh.data('zoomstart')/100, zoe = nextsh.data('zoomend')/100, ros = nextsh.data('rotationstart'), roe = nextsh.data('rotationend'), bgfs = nextsh.data('bgfit'), bgfe = nextsh.data('bgfitend'), easeme = nextsh.data('easeme'), dur = nextsh.data('duration')/1000; if (bgfs==undefined) bgfs=100; if (bgfe==undefined) bgfe=100; bgfs = calculateKenBurnScales(bgfs,nextsh,opt); bgfe = calculateKenBurnScales(bgfe,nextsh,opt); if (zos==undefined) zos=1; if (zoe==undefined) zoe=1; if (ros==undefined) ros=0; if (roe==undefined) roe=0; if (zos<1) zos=1; if (zoe<1) zoe=1; nextsh.find('.defaultimg').each(function() { var defimg = jQuery(this); defimg.data('kenburn',TweenLite.fromTo(defimg,dur,{transformPerspective:1200, backgroundSize:bgfs, z:0,backgroundPosition:bgps,rotationZ:ros},{yoyo:2,rotationZ:roe,ease:easeme,backgroundSize:bgfe,backgroundPosition:bgpe,onUpdate:function() { defimg.data('bgposition',defimg.css('backgroundPosition')); if (!isIE(8)) defimg.data('currotate',getRotationDegrees(defimg)); if (!isIE(8)) defimg.data('curscale',defimg.css('backgroundSize')); }}) ); }) } /*********************************************** - KEN BURN BACKGROUND FIT CALCULATOR - ***********************************************/ function calculateKenBurnScales(proc,sloth,opt) { var ow = sloth.data('owidth'); var oh = sloth.data('oheight'); var factor = (opt.container.width() /ow); var nheight = oh * factor; var hfactor = (nheight / opt.container.height())*proc; return (proc+"% "+hfactor+"%"); } /****************************************************** - CALCULATE CURRENT SCALE AND ROTATION - *******************************************************/ function getMatrix(obj) { var matrix = obj.css("-webkit-transform") || obj.css("-moz-transform") || obj.css("-ms-transform") || obj.css("-o-transform") || obj.css("transform"); return matrix; }; function parseMatrix(_str) { return _str.replace(/^matrix(3d)?\((.*)\)$/,'$2').split(/, /); } function getScaleDegrees(obj) { var matrix = parseMatrix(getMatrix(obj)), scale = 1; if(matrix[0] !== 'none') { var a = matrix[0], b = matrix[1], d = 10; scale = Math.round( Math.sqrt( a*a + b*b ) * d ) / d; } return scale; }; function getRotationDegrees(obj) { var matrix = obj.css("-webkit-transform") || obj.css("-moz-transform") || obj.css("-ms-transform") || obj.css("-o-transform") || obj.css("transform"); if(matrix !== 'none') { var values = matrix.split('(')[1].split(')')[0].split(','); var a = values[0]; var b = values[1]; var angle = Math.round(Math.atan2(b, a) * (180/Math.PI)); } else { var angle = 0; } return (angle < 0) ? angle +=360 : angle; } /************************************** - GIVE FREE THE TRANSITIOSN - **************************************/ function letItFree(container,opt,nextsh,actsh,nextli,actli) { removeSlots(container,opt); nextsh.find('.defaultimg').css({'opacity':1}); if (nextli.index()!=actli.index()) actsh.find('.defaultimg').css({'opacity':0}); opt.act=opt.next; moveSelectedThumb(container); if (nextsh.data('kenburns')=="on") startKenBurn(container,opt); } ////////////////////////////////////////// // CHANG THE YOUTUBE PLAYER STATE HERE // //////////////////////////////////////// function onPlayerStateChange(event) { var embedCode = event.target.getVideoEmbedCode(); var ytcont = jQuery('#'+embedCode.split('id="')[1].split('"')[0]) var container = ytcont.closest('.tp-simpleresponsive'); var player = ytcont.parent().data('player'); if (event.data == YT.PlayerState.PLAYING) { var bt = container.find('.tp-bannertimer'); var opt = bt.data('opt'); if (ytcont.closest('.tp-caption').data('volume')=="mute") player.mute(); opt.videoplaying=true; container.trigger('stoptimer'); //konsole.log("VideoPlay set to True due onPlayerStateChange PLAYING"); container.trigger('revolution.slide.onvideoplay'); //opt.videostartednow=1; } else { var bt = container.find('.tp-bannertimer'); var opt = bt.data('opt'); if (event.data!=-1) { opt.videoplaying=false; container.trigger('playtimer'); container.trigger('revolution.slide.onvideostop'); //opt.videostoppednow=1; } } if (event.data==0 && opt.nextslideatend==true) opt.container.revnext(); } //////////////////////// // VIMEO ADD EVENT ///// //////////////////////// function addEvent(element, eventName, callback) { if (element.addEventListener) element.addEventListener(eventName, callback, false); else element.attachEvent(eventName, callback, false); } ///////////////////////////////////// // EVENT HANDLING FOR VIMEO VIDEOS // ///////////////////////////////////// function vimeoready_auto(player_id,autoplay) { var froogaloop = $f(player_id); var vimcont = jQuery('#'+player_id); var container = vimcont.closest('.tp-simpleresponsive'); froogaloop.addEvent('ready', function(data) { if(autoplay) froogaloop.api('play'); froogaloop.addEvent('play', function(data) { var bt = container.find('.tp-bannertimer'); var opt = bt.data('opt'); opt.videoplaying=true; container.trigger('stoptimer'); if (vimcont.closest('.tp-caption').data('volume')=="mute") froogaloop.api('setVolume',"0"); //konsole.log("VideoPlay set to True due vimeoready_auto PLAYING"); }); froogaloop.addEvent('finish', function(data) { var bt = container.find('.tp-bannertimer'); var opt = bt.data('opt'); opt.videoplaying=false; container.trigger('playtimer'); //konsole.log("VideoPlay set to False due vimeoready_auto FINISH"); container.trigger('revolution.slide.onvideoplay'); //opt.videostartednow=1; if (opt.nextslideatend==true) opt.container.revnext(); }); froogaloop.addEvent('pause', function(data) { var bt = container.find('.tp-bannertimer'); var opt = bt.data('opt'); opt.videoplaying=false; container.trigger('playtimer'); //konsole.log("VideoPlay set to False due vimeoready_auto PAUSE"); container.trigger('revolution.slide.onvideostop'); //opt.videostoppednow=1; }); }); } ///////////////////////////////////// // RESIZE HTML5VIDEO FOR FULLSCREEN// ///////////////////////////////////// function updateHTML5Size(pc,container) { var windowW = container.width(); var windowH = container.height(); var mediaAspect = pc.data('mediaAspect'); var windowAspect = windowW/windowH; pc.css({position:"absolute"}); var video = pc.find('video'); if (windowAspect < mediaAspect) { // taller pc .width(windowH*mediaAspect) .height(windowH); pc .css('top',0) .css('left',-(windowH*mediaAspect-windowW)/2) .css('height',windowH); /* video .width(windowH*mediaAspect) .height(windowH); video .css('top',0) .css('left',-(windowH*mediaAspect-windowW)/2) .css('height',windowH); */ } else { // wider pc .width(windowW) .height(windowW/mediaAspect); pc .css('top',-(windowW/mediaAspect-windowH)/2) .css('left',0) .css('height',windowW/mediaAspect); /* video .width(windowW) .height(windowW/mediaAspect); video .css('top',-(windowW/mediaAspect-windowH)/2) .css('left',0) .css('height',windowW/mediaAspect);*/ } } ///////////////////////////////////// // - CREATE ANIMATION OBJECT - // ///////////////////////////////////// function newAnimObject() { var a = new Object(); a.x=0; a.y=0; a.rotationX = 0; a.rotationY = 0; a.rotationZ = 0; a.scale = 1; a.scaleX = 1; a.scaleY = 1; a.skewX = 0; a.skewY = 0; a.opacity=0; a.transformOrigin = "center, center"; a.transformPerspective = 400; a.rotation = 0; return a; } /////////////////////////////////////////////////// // ANALYSE AND READ OUT DATAS FROM HTML CAPTIONS // /////////////////////////////////////////////////// function getAnimDatas(frm,data) { var customarray = data.split(';'); jQuery.each(customarray,function(index,param) { param = param.split(":") var w = param[0], v = param[1]; if (w=="rotationX") frm.rotationX = parseInt(v,0); if (w=="rotationY") frm.rotationY = parseInt(v,0); if (w=="rotationZ") frm.rotationZ = parseInt(v,0); if (w=="rotationZ") frm.rotation = parseInt(v,0); if (w=="scaleX") frm.scaleX = parseFloat(v); if (w=="scaleY") frm.scaleY = parseFloat(v); if (w=="opacity") frm.opacity = parseFloat(v); if (w=="skewX") frm.skewX = parseInt(v,0); if (w=="skewY") frm.skewY = parseInt(v,0); if (w=="x") frm.x = parseInt(v,0); if (w=="y") frm.y = parseInt(v,0); if (w=="z") frm.z = parseInt(v,0); if (w=="transformOrigin") frm.transformOrigin = v.toString(); if (w=="transformPerspective") frm.transformPerspective=parseInt(v,0); }) return frm; } /////////////////////////////////////////////////////////////////// // ANALYSE AND READ OUT DATAS FROM HTML CAPTIONS ANIMATION STEPS // /////////////////////////////////////////////////////////////////// function getAnimSteps(data) { var paramarray = data.split("animation:"); var params = new Object(); params.animation = getAnimDatas(newAnimObject(),paramarray[1]); var customarray = paramarray[0].split(';'); jQuery.each(customarray,function(index,param) { param = param.split(":") var w = param[0], v = param[1]; if (w=="typ") params.typ = v; if (w=="speed") params.speed = parseInt(v,0)/1000; if (w=="start") params.start = parseInt(v,0)/1000; if (w=="elementdelay") params.elementdelay = parseFloat(v); if (w=="ease") params.ease = v; }) return params; } //////////////////////// // SHOW THE CAPTION // /////////////////////// function animateTheCaptions(nextli, opt,recalled) { var offsetx=0; var offsety=0; nextli.find('.tp-caption').each(function(i) { offsetx = opt.width/2 - (opt.startwidth*opt.bw)/2; var xbw = opt.bw; var xbh = opt.bh; if (opt.fullScreen=="on") offsety = opt.height/2 - (opt.startheight*opt.bh)/2; if (opt.autoHeight=="on") offsety = opt.container.height()/2 - (opt.startheight*opt.bh)/2;; if (offsety<0) offsety=0; var nextcaption=jQuery(this);//nextli.find('.tp-caption:eq('+i+')'); var handlecaption=0; // HIDE CAPTION IF RESOLUTION IS TOO LOW if (opt.width0 || nextcaption.find('video').length>0) { if (nextcaption.data('autoplayonlyfirsttime') == true || nextcaption.data('autoplayonlyfirsttime')=="true" ) { nextcaption.data('autoplay',true); } nextcaption.find('iframe').each(function() { var ifr=jQuery(this); if (is_mobile()) { var oldsrc = ifr.attr('src'); ifr.attr('src',""); ifr.attr('src',oldsrc); } // START YOUTUBE HANDLING opt.nextslideatend = nextcaption.data('nextslideatend'); if (nextcaption.data('thumbimage')!=undefined && nextcaption.data('thumbimage').length>2 && nextcaption.data('autoplay')!=true && !recalled) { nextcaption.find('.tp-thumb-image').remove(); nextcaption.append('
'); } if (ifr.attr('src').toLowerCase().indexOf('youtube')>=0) { // if (is_mobile()) ifr.attr('src',ifr.attr('src').replace("enablejsapi=1","")); if (!ifr.hasClass("HasListener")) { try { ifr.attr('id',frameID); var player; var ytint = setInterval(function() { if (YT !=undefined) if (typeof YT.Player != undefined && typeof YT.Player !="undefined") { if (nextcaption.data('autoplay')==true) { player = new YT.Player(frameID, { events: { "onStateChange": onPlayerStateChange, 'onReady': function(event) { event.target.playVideo(); } } }); } else player = new YT.Player(frameID, { events: { "onStateChange": onPlayerStateChange } }); ifr.addClass("HasListener"); nextcaption.data('player',player); clearInterval(ytint); } } , 100) } catch(e) {} } else { if (nextcaption.data('autoplay')==true) { var player=nextcaption.data('player'); nextcaption.data('timerplay',setTimeout(function() { if (nextcaption.data('forcerewind')=="on") player.seekTo(0); player.playVideo(); },nextcaption.data('start'))); } } // END YOUTUBE HANDLING // PLAY VIDEO IF THUMBNAIL HAS BEEN CLICKED nextcaption.find('.tp-thumb-image').click(function() { TweenLite.to(jQuery(this),0.3,{opacity:0,ease:Power3.easeInOut,onComplete: function() { nextcaption.find('.tp-thumb-image').remove(); } }) var player=nextcaption.data('player'); player.playVideo(); }) } else { // START VIMEO HANDLING if (ifr.attr('src').toLowerCase().indexOf('vimeo')>=0) { if (!ifr.hasClass("HasListener")) { ifr.addClass("HasListener"); ifr.attr('id',frameID); var isrc = ifr.attr('src'); var queryParameters = {}, queryString = isrc, re = /([^&=]+)=([^&]*)/g, m; // Creates a map with the query string parameters while (m = re.exec(queryString)) { queryParameters[decodeURIComponent(m[1])] = decodeURIComponent(m[2]); } if (queryParameters['player_id']!=undefined) isrc = isrc.replace(queryParameters['player_id'],frameID); else isrc=isrc+"&player_id="+frameID; try{ isrc = isrc.replace('api=0','api=1'); } catch(e) {} isrc=isrc+"&api=1"; ifr.attr('src',isrc); var player = nextcaption.find('iframe')[0]; var vimint = setInterval(function() { if ($f !=undefined) if (typeof $f(frameID).api != undefined && typeof $f(frameID).api !="undefined") { $f(player).addEvent('ready', function(){ vimeoready_auto(frameID,nextcaption.data('autoplay')) }); clearInterval(vimint); } },100); } else { if (nextcaption.data('autoplay')==true) { var ifr = nextcaption.find('iframe'); var id = ifr.attr('id'); var vimint = setInterval(function() { if ($f !=undefined) if (typeof $f(id).api != undefined && typeof $f(id).api !="undefined") { var froogaloop = $f(id); nextcaption.data('timerplay',setTimeout(function() { if (nextcaption.data('forcerewind')=="on") froogaloop.api("seekTo",0); froogaloop.api("play"); },nextcaption.data('start'))); clearInterval(vimint); } },100); } }// END HAS LISTENER HANDLING // PLAY VIDEO IF THUMBNAIL HAS BEEN CLICKED nextcaption.find('.tp-thumb-image').click(function() { TweenLite.to(jQuery(this),0.3,{opacity:0,ease:Power3.easeInOut,onComplete: function() { nextcaption.find('.tp-thumb-image').remove(); } }) var ifr = nextcaption.find('iframe'); var id = ifr.attr('id'); var vimint = setInterval(function() { if ($f !=undefined) if (typeof $f(id).api != undefined && typeof $f(id).api !="undefined") { var froogaloop = $f(id); froogaloop.api("play"); clearInterval(vimint); } },100); }) } // END OF VIMEO HANDLING } // END OF CHOOSE BETWEEN YOUTUBE AND VIMEO }); // END OF LOOP THROUGH IFRAMES // START OF VIDEO JS if (nextcaption.find('video').length>0) { nextcaption.find('video').each(function(i) { var jvideo = jQuery(this); var video = this; if (!jvideo.parent().hasClass("html5vid")) { jvideo.wrap('
'); } var html5vid = jQuery(this).parent(); if (video.addEventListener) video.addEventListener("loadedmetadata",function() { html5vid.data('metaloaded',1); }); else video.attachEvent("loadedmetadata",function() { html5vid.data('metaloaded',1); }); if (!jvideo.hasClass("HasListener")) { jvideo.addClass("HasListener") video.addEventListener("play",function() { html5vid.addClass("videoisplaying"); html5vid.find('.tp-poster').remove(); if (nextcaption.data('volume')=="mute") video.muted=true; opt.container.trigger('revolution.slide.onvideoplay'); opt.videoplaying=true; opt.container.trigger('stoptimer'); }); video.addEventListener("pause",function() { html5vid.removeClass("videoisplaying"); opt.videoplaying=false; opt.container.trigger('playtimer'); opt.container.trigger('revolution.slide.onvideostop'); }); video.addEventListener("ended",function() { html5vid.removeClass("videoisplaying"); opt.videoplaying=false; opt.container.trigger('playtimer'); opt.container.trigger('revolution.slide.onvideostop'); if (opt.nextslideatend==true) opt.container.revnext(); }); } if (jvideo.attr('poster')!=undefined && html5vid.find('.tp-poster').length==0) html5vid.append('
'); if (jvideo.attr('control') == undefined && html5vid.find('.tp-video-play-button').length==0) { html5vid.append('
'); html5vid.find('.tp-video-play-button').click(function() { if (html5vid.hasClass("videoisplaying")) video.pause(); else video.play(); }) } if (jvideo.attr('control') == undefined) { html5vid.find('video, .tp-poster').click(function() { if (html5vid.hasClass("videoisplaying")) video.pause(); else video.play(); }) } if (nextcaption.data('forcecover')==1) { updateHTML5Size(html5vid,opt.container); html5vid.addClass("fullcoveredvideo"); nextcaption.addClass("fullcoveredvideo"); } if (nextcaption.data('forcecover')==1 || nextcaption.hasClass('fullscreenvideo')) { html5vid.css({width:"100%", height:"100%"}); } var autoplaywason = false; if (nextcaption.data('autoplayonlyfirsttime') == true || nextcaption.data('autoplayonlyfirsttime')=="true") autoplaywason = true; clearInterval(html5vid.data('interval')); html5vid.data('interval',setInterval(function() { if (html5vid.data('metaloaded')==1 || video.duration!=NaN) { clearInterval(html5vid.data('interval')); if (nextcaption.data('dottedoverlay')!="none" && nextcaption.data('dottedoverlay')!=undefined) if (nextcaption.find('.tp-dottedoverlay').length!=1) html5vid.append('
'); var mediaaspect=16/9; if (nextcaption.data('aspectratio')=="4:3") mediaaspect=4/3; html5vid.data('mediaAspect',mediaaspect); if (html5vid.closest('.tp-caption').data('forcecover')==1) { updateHTML5Size(html5vid,opt.container); html5vid.addClass("fullcoveredvideo"); } jvideo.css({display:"block"}); opt.nextslideatend = nextcaption.data('nextslideatend'); // IF VIDEO SHOULD BE AUTOPLAYED if (nextcaption.data('autoplay')==true || autoplaywason==true) { var bt=jQuery('body').find('#'+opt.container.attr('id')).find('.tp-bannertimer'); setTimeout(function(){ opt.videoplaying=true; opt.container.trigger('stoptimer'); },200); if (nextcaption.data('forcerewind')=="on" && !html5vid.hasClass("videoisplaying")) if (video.currentTime>0) video.currentTime=0; if (nextcaption.data('volume')=="mute") video.muted = true; html5vid.data('timerplay',setTimeout(function() { if (nextcaption.data('forcerewind')=="on" && !html5vid.hasClass("videoisplaying")) if (video.currentTime>0) video.currentTime=0; if (nextcaption.data('volume')=="mute") video.muted = true; setTimeout(function() { video.play(); },500); },10+nextcaption.data('start'))); } if (html5vid.data('ww') == undefined) html5vid.data('ww',jvideo.attr('width')); if (html5vid.data('hh') == undefined) html5vid.data('hh',jvideo.attr('height')); if (!nextcaption.hasClass("fullscreenvideo") && nextcaption.data('forcecover')==1) { try{ html5vid.width(html5vid.data('ww')*opt.bw); html5vid.height(html5vid.data('hh')*opt.bh); } catch(e) {} } clearInterval(html5vid.data('interval')); } }),100); }); } // END OF VIDEO JS FUNCTIONS // IF AUTOPLAY IS ON, WE NEED SOME STOP FUNCTION ON if (nextcaption.data('autoplay')==true) { var bt=jQuery('body').find('#'+opt.container.attr('id')).find('.tp-bannertimer'); setTimeout(function() { opt.videoplaying=true; opt.container.trigger('stoptimer'); },200) opt.videoplaying=true; opt.container.trigger('stoptimer'); if (nextcaption.data('autoplayonlyfirsttime') == true || nextcaption.data('autoplayonlyfirsttime')=="true" ) { nextcaption.data('autoplay',false); nextcaption.data('autoplayonlyfirsttime',false); } } } // NEW ENGINE //if (nextcaption.hasClass("randomrotate") && (opt.ie || opt.ie9)) nextcaption.removeClass("randomrotate").addClass("sfb"); // nextcaption.removeClass('noFilterClass'); var imw =0; var imh = 0; if (nextcaption.find('img').length>0) { var im = nextcaption.find('img'); if (im.data('ww') == undefined) im.data('ww',im.width()); if (im.data('hh') == undefined) im.data('hh',im.height()); var ww = im.data('ww'); var hh = im.data('hh'); im.width(ww*opt.bw); im.height(hh*opt.bh); imw = im.width(); imh = im.height(); } else { if (nextcaption.find('iframe').length>0 || nextcaption.find('video').length>0) { var html5vid = false; var im = nextcaption.find('iframe'); if (im.length==0) { im = nextcaption.find('video'); html5vid = true; } im.css({display:"block"}); if (nextcaption.data('ww') == undefined) nextcaption.data('ww',im.width()); if (nextcaption.data('hh') == undefined) nextcaption.data('hh',im.height()); var ww = nextcaption.data('ww'); var hh = nextcaption.data('hh'); var nc =nextcaption; if (nc.data('fsize') == undefined) nc.data('fsize',parseInt(nc.css('font-size'),0) || 0); if (nc.data('pt') == undefined) nc.data('pt',parseInt(nc.css('paddingTop'),0) || 0); if (nc.data('pb') == undefined) nc.data('pb',parseInt(nc.css('paddingBottom'),0) || 0); if (nc.data('pl') == undefined) nc.data('pl',parseInt(nc.css('paddingLeft'),0) || 0); if (nc.data('pr') == undefined) nc.data('pr',parseInt(nc.css('paddingRight'),0) || 0); if (nc.data('mt') == undefined) nc.data('mt',parseInt(nc.css('marginTop'),0) || 0); if (nc.data('mb') == undefined) nc.data('mb',parseInt(nc.css('marginBottom'),0) || 0); if (nc.data('ml') == undefined) nc.data('ml',parseInt(nc.css('marginLeft'),0) || 0); if (nc.data('mr') == undefined) nc.data('mr',parseInt(nc.css('marginRight'),0) || 0); if (nc.data('bt') == undefined) nc.data('bt',parseInt(nc.css('borderTop'),0) || 0); if (nc.data('bb') == undefined) nc.data('bb',parseInt(nc.css('borderBottom'),0) || 0); if (nc.data('bl') == undefined) nc.data('bl',parseInt(nc.css('borderLeft'),0) || 0); if (nc.data('br') == undefined) nc.data('br',parseInt(nc.css('borderRight'),0) || 0); if (nc.data('lh') == undefined) nc.data('lh',parseInt(nc.css('lineHeight'),0) || 0); var fvwidth=opt.width; var fvheight=opt.height; if (fvwidth>opt.startwidth) fvwidth=opt.startwidth; if (fvheight>opt.startheight) fvheight=opt.startheight; if (!nextcaption.hasClass('fullscreenvideo')) nextcaption.css({ 'font-size': (nc.data('fsize') * opt.bw)+"px", 'padding-top': (nc.data('pt') * opt.bh) + "px", 'padding-bottom': (nc.data('pb') * opt.bh) + "px", 'padding-left': (nc.data('pl') * opt.bw) + "px", 'padding-right': (nc.data('pr') * opt.bw) + "px", 'margin-top': (nc.data('mt') * opt.bh) + "px", 'margin-bottom': (nc.data('mb') * opt.bh) + "px", 'margin-left': (nc.data('ml') * opt.bw) + "px", 'margin-right': (nc.data('mr') * opt.bw) + "px", 'border-top': (nc.data('bt') * opt.bh) + "px", 'border-bottom': (nc.data('bb') * opt.bh) + "px", 'border-left': (nc.data('bl') * opt.bw) + "px", 'border-right': (nc.data('br') * opt.bw) + "px", 'line-height': (nc.data('lh') * opt.bh) + "px", 'height':(hh*opt.bh)+'px', }); else { offsetx=0; offsety=0; nextcaption.data('x',0) nextcaption.data('y',0) var ovhh = opt.height if (opt.autoHeight=="on") ovhh = opt.container.height() nextcaption.css({ 'width':opt.width, 'height':ovhh }); } if (html5vid == false) { im.width(ww*opt.bw); im.height(hh*opt.bh); } else if (nextcaption.data('forcecover')!=1 && !nextcaption.hasClass('fullscreenvideo')) { im.width(ww*opt.bw); im.height(hh*opt.bh); } imw = im.width(); imh = im.height(); } else { nextcaption.find('.tp-resizeme, .tp-resizeme *').each(function() { calcCaptionResponsive(jQuery(this),opt); }); if (nextcaption.hasClass("tp-resizeme")) { nextcaption.find('*').each(function() { calcCaptionResponsive(jQuery(this),opt); }); } calcCaptionResponsive(nextcaption,opt); imh=nextcaption.outerHeight(true); imw=nextcaption.outerWidth(true); // NEXTCAPTION FRONTCORNER CHANGES var ncch = nextcaption.outerHeight(); var bgcol = nextcaption.css('backgroundColor'); nextcaption.find('.frontcorner').css({ 'borderWidth':ncch+"px", 'left':(0-ncch)+'px', 'borderRight':'0px solid transparent', 'borderTopColor':bgcol }); nextcaption.find('.frontcornertop').css({ 'borderWidth':ncch+"px", 'left':(0-ncch)+'px', 'borderRight':'0px solid transparent', 'borderBottomColor':bgcol }); // NEXTCAPTION BACKCORNER CHANGES nextcaption.find('.backcorner').css({ 'borderWidth':ncch+"px", 'right':(0-ncch)+'px', 'borderLeft':'0px solid transparent', 'borderBottomColor':bgcol }); // NEXTCAPTION BACKCORNER CHANGES nextcaption.find('.backcornertop').css({ 'borderWidth':ncch+"px", 'right':(0-ncch)+'px', 'borderLeft':'0px solid transparent', 'borderTopColor':bgcol }); } } if (opt.fullScreenAlignForce == "on") { //xbw = 1; //xbh = 1; offsetx=0; offsety=0; } if (nextcaption.data('voffset')==undefined) nextcaption.data('voffset',0); if (nextcaption.data('hoffset')==undefined) nextcaption.data('hoffset',0); var vofs= nextcaption.data('voffset')*xbw; var hofs= nextcaption.data('hoffset')*xbw; var crw = opt.startwidth*xbw; var crh = opt.startheight*xbw; if (opt.fullScreenAlignForce == "on") { crw = opt.container.width(); crh = opt.container.height(); } // CENTER THE CAPTION HORIZONTALLY if (nextcaption.data('x')=="center" || nextcaption.data('xcenter')=='center') { nextcaption.data('xcenter','center'); //nextcaption.data('x',(crw/2 - nextcaption.outerWidth(true)/2)/xbw+ hofs); nextcaption.data('x',(crw/2 - nextcaption.outerWidth(true)/2) + hofs); } // ALIGN LEFT THE CAPTION HORIZONTALLY if (nextcaption.data('x')=="left" || nextcaption.data('xleft')=='left') { nextcaption.data('xleft','left'); nextcaption.data('x',(0)/xbw+hofs); } // ALIGN RIGHT THE CAPTION HORIZONTALLY if (nextcaption.data('x')=="right" || nextcaption.data('xright')=='right') { nextcaption.data('xright','right'); nextcaption.data('x',((crw - nextcaption.outerWidth(true))+hofs)/xbw); //konsole.log("crw:"+crw+" width:"+nextcaption.outerWidth(true)+" xbw:"+xbw); //konsole.log("x-pos:"+nextcaption.data('x')) } // CENTER THE CAPTION VERTICALLY if (nextcaption.data('y')=="center" || nextcaption.data('ycenter')=='center') { nextcaption.data('ycenter','center'); nextcaption.data('y',(crh/2 - nextcaption.outerHeight(true)/2) + vofs); } // ALIGN TOP THE CAPTION VERTICALLY if (nextcaption.data('y')=="top" || nextcaption.data('ytop')=='top') { nextcaption.data('ytop','top'); nextcaption.data('y',(0)/opt.bh+vofs); } // ALIGN BOTTOM THE CAPTION VERTICALLY if (nextcaption.data('y')=="bottom" || nextcaption.data('ybottom')=='bottom') { nextcaption.data('ybottom','bottom'); nextcaption.data('y',((crh - nextcaption.outerHeight(true))+vofs)/xbw); } // THE TRANSITIONS OF CAPTIONS // MDELAY AND MSPEED if (nextcaption.data('start') == undefined) nextcaption.data('start',1000); var easedata=nextcaption.data('easing'); if (easedata==undefined) easedata="Power1.easeOut"; var mdelay = nextcaption.data('start')/1000; var mspeed = nextcaption.data('speed')/1000; if (nextcaption.data('x')=="center" || nextcaption.data('xcenter')=='center') var calcx = (nextcaption.data('x')+offsetx); else { var calcx = (xbw*nextcaption.data('x')+offsetx); } if (nextcaption.data('y')=="center" || nextcaption.data('ycenter')=='center') var calcy = (nextcaption.data('y')+offsety); else { //if (opt.fullScreenAlignForce == "on" && (nextcaption.data('y')=="bottom" || nextcaption.data('ybottom')=='bottom')) // opt.bh = 1; var calcy = (opt.bh*nextcaption.data('y')+offsety); } TweenLite.set(nextcaption,{top:calcy,left:calcx,overwrite:"auto"}); if (!recalled) { // CLEAR THE TIMELINE, SINCE IT CAN BE DAMAGED, OR PAUSED AT A FEW PART if (nextcaption.data('timeline')!=undefined) nextcaption.data('timeline').clear(); // MAKE SURE THE ANIMATION ENDS WITH A CLEANING ON MOZ TRANSFORMS function animcompleted() { setTimeout(function() { nextcaption.css({transform:"none",'-moz-transform':'none','-webkit-transform':'none'}); },100) } function tlstart() { nextcaption.data('timer',setTimeout(function() { if (nextcaption.hasClass("fullscreenvideo")) nextcaption.css({'display':'block'}); },nextcaption.data('start'))); } var tl = new TimelineLite({smoothChildTiming:true,onStart:tlstart}); if (opt.fullScreenAlignForce == "on") { //calcy = nextcaption.data('y')+offsety; } var animobject = nextcaption; if (nextcaption.data('mySplitText') !=undefined) nextcaption.data('mySplitText').revert(); if (nextcaption.data('splitin') == "chars" || nextcaption.data('splitin') == "words" || nextcaption.data('splitin') == "lines" || nextcaption.data('splitout') == "chars" || nextcaption.data('splitout') == "words" || nextcaption.data('splitout') == "lines") { if (nextcaption.find('a').length>0) nextcaption.data('mySplitText',new SplitText(nextcaption.find('a'),{type:"lines,words,chars",charsClass:"tp-splitted",wordsClass:"tp-splitted",linesClass:"tp-splitted"})); else nextcaption.data('mySplitText',new SplitText(nextcaption,{type:"lines,words,chars",charsClass:"tp-splitted",wordsClass:"tp-splitted",linesClass:"tp-splitted"})); nextcaption.addClass("splitted"); } if (nextcaption.data('splitin') == "chars") animobject = nextcaption.data('mySplitText').chars; if (nextcaption.data('splitin') == "words") animobject = nextcaption.data('mySplitText').words; if (nextcaption.data('splitin') == "lines") animobject = nextcaption.data('mySplitText').lines; var frm = newAnimObject(); var endfrm = newAnimObject(); if (nextcaption.data('repeat')!=undefined) repeatV = nextcaption.data('repeat'); if (nextcaption.data('yoyo')!=undefined) yoyoV = nextcaption.data('yoyo'); if (nextcaption.data('repeatdelay')!=undefined) repeatdelayV = nextcaption.data('repeatdelay'); // WHICH ANIMATION TYPE SHOULD BE USED if (nextcaption.hasClass("customin")) frm = getAnimDatas(frm,nextcaption.data('customin')); else if (nextcaption.hasClass("randomrotate")) { frm.scale = Math.random()*3+1; frm.rotation = Math.round(Math.random()*200-100); frm.x = Math.round(Math.random()*200-100); frm.y = Math.round(Math.random()*200-100); } else if (nextcaption.hasClass('lfr') || nextcaption.hasClass('skewfromright')) frm.x = 15+opt.width; else if (nextcaption.hasClass('lfl') || nextcaption.hasClass('skewfromleft')) frm.x = -15-imw; else if (nextcaption.hasClass('sfl') || nextcaption.hasClass('skewfromleftshort')) frm.x = -50; else if (nextcaption.hasClass('sfr') || nextcaption.hasClass('skewfromrightshort')) frm.x = 50; else if (nextcaption.hasClass('lft')) frm.y = -25 - imh; else if (nextcaption.hasClass('lfb')) frm.y = 25 + opt.height; else if (nextcaption.hasClass('sft')) frm.y = -50; else if (nextcaption.hasClass('sfb')) frm.y = 50; if (nextcaption.hasClass('skewfromright') || nextcaption.hasClass('skewfromrightshort')) frm.skewX = -85 else if (nextcaption.hasClass('skewfromleft') || nextcaption.hasClass('skewfromleftshort')) frm.skewX = 85 if (nextcaption.hasClass("fade") || nextcaption.hasClass('sft') || nextcaption.hasClass('sfl') || nextcaption.hasClass('sfb') || nextcaption.hasClass('skewfromleftshort') || nextcaption.hasClass('sfr') || nextcaption.hasClass('skewfromrightshort')) frm.opacity = 0; // FOR SAFARI WE NEED TO REMOVE 3D ROTATIONS if (get_browser().toLowerCase()=="safari") { frm.rotationX=0;frm.rotationY=0; } var elemdelay = (nextcaption.data('elementdelay') == undefined) ? 0 : nextcaption.data('elementdelay'); endfrm.ease = frm.ease = (nextcaption.data('easing') == undefined) ? Power1.easeInOut : nextcaption.data('easing'); // DISTANCES SHOULD BE RESIZED ALSO frm.data = new Object(); frm.data.oldx = frm.x; frm.data.oldy = frm.y; endfrm.data = new Object(); endfrm.data.oldx = endfrm.x; endfrm.data.oldy = endfrm.y; frm.x = frm.x * xbw; frm.y = frm.y * xbw; var newtl = new TimelineLite(); // CHANGE to TweenLite. if Yoyo and Repeat is used. Dont forget to laod the Right Tools for it !! if (nextcaption.hasClass("customin")) { if (animobject != nextcaption) tl.add(TweenLite.set(nextcaption, { opacity:1,scaleX:1,scaleY:1,rotationX:0,rotationY:0,rotationZ:0,skewX:0,skewY:0,z:0,x:0,y:0,visibility:'visible',opacity:1,delay:0,overwrite:"all"})); frm.visibility = "hidden"; endfrm.visibility = "visible"; endfrm.overwrite = "all"; endfrm.opacity = 1; endfrm.onComplete = animcompleted(); endfrm.delay = mdelay; tl.add(newtl.staggerFromTo(animobject,mspeed,frm,endfrm,elemdelay),"frame0"); } else { frm.visibility = "visible"; frm.transformPerspective = 600; if (animobject != nextcaption) tl.add(TweenLite.set(nextcaption, { opacity:1,scaleX:1,scaleY:1,rotationX:0,rotationY:0,rotationZ:0,skewX:0,skewY:0,z:0,x:0,y:0,visibility:'visible',opacity:1,delay:0,overwrite:"all"})); endfrm.visibility = "visible"; endfrm.delay = mdelay; endfrm.onComplete = animcompleted(); endfrm.opacity = 1; if (nextcaption.hasClass("randomrotate") && animobject != nextcaption) { for (var i=0;i0) { var params = getAnimSteps(spframe); addMoveCaption(nextcaption,opt,params,"frame"+(index+10),xbw) } }) } // END OF ANIMATION STEPS tl = nextcaption.data('timeline'); // IF THERE IS ANY EXIT ANIM DEFINED if (nextcaption.data('end')!=undefined) { endMoveCaption(nextcaption,opt,nextcaption.data('end')/1000,frm,"frame99",xbw); } else { endMoveCaption(nextcaption,opt,999999,frm,"frame99",xbw); } // SAVE THE TIMELINE IN DOM ELEMENT tl = nextcaption.data('timeline'); nextcaption.data('timeline',tl); } } if (recalled) { if (nextcaption.data('timeline') != undefined) { var tweens = nextcaption.data('timeline').getTweensOf(); jQuery.each(tweens,function(index,tween) { if (tween.vars.data != undefined) { var newx = tween.vars.data.oldx * xbw; var newy = tween.vars.data.oldy * xbw; if (tween.progress() !=1 && tween.progress()!=0) { try{ //tween.updateTo({x:newx, y:newy},true); tween.vars.x = newx; tween.vary.y = newy; } catch(e) { } } else { if (tween.progress()==1) { TweenLite.set(tween.target,{x:newx,y:newy}); } } } }) } } }) var bt=jQuery('body').find('#'+opt.container.attr('id')).find('.tp-bannertimer'); bt.data('opt',opt); } function get_browser(){ var N=navigator.appName, ua=navigator.userAgent, tem; var M=ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i); if(M && (tem= ua.match(/version\/([\.\d]+)/i))!= null) M[2]= tem[1]; M=M? [M[1], M[2]]: [N, navigator.appVersion, '-?']; return M[0]; } function get_browser_version(){ var N=navigator.appName, ua=navigator.userAgent, tem; var M=ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i); if(M && (tem= ua.match(/version\/([\.\d]+)/i))!= null) M[2]= tem[1]; M=M? [M[1], M[2]]: [N, navigator.appVersion, '-?']; return M[1]; } ///////////////////////////////////////////////////////////////// // - CALCULATE THE RESPONSIVE SIZES OF THE CAPTIONS - // ///////////////////////////////////////////////////////////////// function calcCaptionResponsive(nc,opt) { if (nc.data('fsize') == undefined) nc.data('fsize',parseInt(nc.css('font-size'),0) || 0); if (nc.data('pt') == undefined) nc.data('pt',parseInt(nc.css('paddingTop'),0) || 0); if (nc.data('pb') == undefined) nc.data('pb',parseInt(nc.css('paddingBottom'),0) || 0); if (nc.data('pl') == undefined) nc.data('pl',parseInt(nc.css('paddingLeft'),0) || 0); if (nc.data('pr') == undefined) nc.data('pr',parseInt(nc.css('paddingRight'),0) || 0); if (nc.data('mt') == undefined) nc.data('mt',parseInt(nc.css('marginTop'),0) || 0); if (nc.data('mb') == undefined) nc.data('mb',parseInt(nc.css('marginBottom'),0) || 0); if (nc.data('ml') == undefined) nc.data('ml',parseInt(nc.css('marginLeft'),0) || 0); if (nc.data('mr') == undefined) nc.data('mr',parseInt(nc.css('marginRight'),0) || 0); if (nc.data('bt') == undefined) nc.data('bt',parseInt(nc.css('borderTopWidth'),0) || 0); if (nc.data('bb') == undefined) nc.data('bb',parseInt(nc.css('borderBottomWidth'),0) || 0); if (nc.data('bl') == undefined) nc.data('bl',parseInt(nc.css('borderLeftWidth'),0) || 0); if (nc.data('br') == undefined) nc.data('br',parseInt(nc.css('borderRightWidth'),0) || 0); if (nc.data('ls') == undefined) nc.data('ls',parseInt(nc.css('letterSpacing'),0) || 0); if (nc.data('lh') == undefined) nc.data('lh',parseInt(nc.css('lineHeight'),0) || 0); if (nc.data('minwidth') == undefined) nc.data('minwidth',parseInt(nc.css('minWidth'),0) || 0); if (nc.data('minheight') == undefined) nc.data('minheight',parseInt(nc.css('minHeight'),0) || 0); if (nc.data('maxwidth') == undefined) nc.data('maxwidth',parseInt(nc.css('maxWidth'),0) || "none"); if (nc.data('maxheight') == undefined) nc.data('maxheight',parseInt(nc.css('maxHeight'),0) || "none"); if (nc.data('wan') == undefined) nc.data('wan',nc.css("-webkit-transition")); if (nc.data('moan') == undefined) nc.data('moan',nc.css("-moz-animation-transition")); if (nc.data('man') == undefined) nc.data('man',nc.css("-ms-animation-transition")); if (nc.data('ani') == undefined) nc.data('ani',nc.css("transition")); if (!nc.hasClass("tp-splitted")) { nc.css("-webkit-transition", "none"); nc.css("-moz-transition", "none"); nc.css("-ms-transition", "none"); nc.css("transition", "none"); TweenLite.set(nc,{ fontSize: Math.round((nc.data('fsize') * opt.bw))+"px", letterSpacing:Math.floor((nc.data('ls') * opt.bw))+"px", paddingTop: Math.round((nc.data('pt') * opt.bh)) + "px", paddingBottom: Math.round((nc.data('pb') * opt.bh)) + "px", paddingLeft: Math.round((nc.data('pl') * opt.bw)) + "px", paddingRight: Math.round((nc.data('pr') * opt.bw)) + "px", marginTop: (nc.data('mt') * opt.bh) + "px", marginBottom: (nc.data('mb') * opt.bh) + "px", marginLeft: (nc.data('ml') * opt.bw) + "px", marginRight: (nc.data('mr') * opt.bw) + "px", borderTopWidth: Math.round((nc.data('bt') * opt.bh)) + "px", borderBottomWidth: Math.round((nc.data('bb') * opt.bh)) + "px", borderLeftWidth: Math.round((nc.data('bl') * opt.bw)) + "px", borderRightWidth: Math.round((nc.data('br') * opt.bw)) + "px", lineHeight: Math.round((nc.data('lh') * opt.bh)) + "px", minWidth:(nc.data('minwidth') * opt.bw) + "px", minHeight:(nc.data('minheight') * opt.bh) + "px", overwrite:"auto" }); setTimeout(function() { nc.css("-webkit-transition", nc.data('wan')); nc.css("-moz-transition", nc.data('moan')); nc.css("-ms-transition", nc.data('man')); nc.css("transition", nc.data('ani')); },30); //konsole.log(nc.data('maxwidth')+" "+nc.data('maxheight')); if (nc.data('maxheight')!='none') nc.css({'maxHeight':(nc.data('maxheight') * opt.bh) + "px"}); if (nc.data('maxwidth')!='none') nc.css({'maxWidth':(nc.data('maxwidth') * opt.bw) + "px"}); } } ////////////////////////// // REMOVE THE CAPTIONS // ///////////////////////// function removeTheCaptions(actli,opt) { actli.find('.tp-caption').each(function(i) { var nextcaption=jQuery(this); //actli.find('.tp-caption:eq('+i+')'); if (nextcaption.find('iframe').length>0) { // VIMEO VIDEO PAUSE try { var ifr = nextcaption.find('iframe'); var id = ifr.attr('id'); var froogaloop = $f(id); froogaloop.api("pause"); clearTimeout(nextcaption.data('timerplay')); } catch(e) {} //YOU TUBE PAUSE try { var player=nextcaption.data('player'); player.stopVideo(); clearTimeout(nextcaption.data('timerplay')); } catch(e) {} } // IF HTML5 VIDEO IS EMBEDED if (nextcaption.find('video').length>0) { try{ nextcaption.find('video').each(function(i) { var html5vid = jQuery(this).parent(); var videoID =html5vid.attr('id'); clearTimeout(html5vid.data('timerplay')); var video = this; video.pause(); }) }catch(e) {} } // END OF VIDEO JS FUNCTIONS try { //var tl = TimelineLite.exportRoot(); var tl = nextcaption.data('timeline'); var endstarts = tl.getLabelTime("frame99"); var curtime = tl.time(); if (endstarts>curtime) { // WE NEED TO STOP ALL OTHER NIMATIONS var tweens = tl.getTweensOf(nextcaption); jQuery.each(tweens,function(index,tw) { if (index!=0) tw.pause(); }); tl.play("frame99"); } } catch(e) {} }); } ////////////////////////////// // MOVE THE CAPTIONS // //////////////////////////// function addMoveCaption(nextcaption,opt,params,frame,downscale) { var tl = nextcaption.data('timeline'); var newtl = new TimelineLite(); var animobject = nextcaption; if (params.typ == "chars") animobject = nextcaption.data('mySplitText').chars; else if (params.typ == "words") animobject = nextcaption.data('mySplitText').words; else if (params.typ == "lines") animobject = nextcaption.data('mySplitText').lines; params.animation.ease = params.ease; if (params.animation.rotationZ !=undefined) params.animation.rotation = params.animation.rotationZ; params.animation.data = new Object(); params.animation.data.oldx = params.animation.x; params.animation.data.oldy = params.animation.y; params.animation.x = params.animation.x * downscale; params.animation.y = params.animation.y * downscale; tl.add(newtl.staggerTo(animobject,params.speed,params.animation,params.elementdelay),params.start); tl.addLabel(frame,params.start); nextcaption.data('timeline',tl); } ////////////////////////////// // MOVE OUT THE CAPTIONS // //////////////////////////// function endMoveCaption(nextcaption,opt,mdelay,backwards,frame,downscale) { var tl = nextcaption.data('timeline'); var newtl = new TimelineLite(); var frm = newAnimObject(); var mspeed= (nextcaption.data('endspeed') == undefined) ? nextcaption.data('speed') : nextcaption.data('endspeed'); frm.ease = (nextcaption.data('endeasing') == undefined) ? Power1.easeInOut : nextcaption.data('endeasing'); mspeed = mspeed/1000; if (nextcaption.hasClass('ltr') || nextcaption.hasClass('ltl') || nextcaption.hasClass('str') || nextcaption.hasClass('stl') || nextcaption.hasClass('ltt') || nextcaption.hasClass('ltb') || nextcaption.hasClass('stt') || nextcaption.hasClass('stb') || nextcaption.hasClass('skewtoright') || nextcaption.hasClass('skewtorightshort') || nextcaption.hasClass('skewtoleft') || nextcaption.hasClass('skewtoleftshort') || nextcaption.hasClass('fadeout') || nextcaption.hasClass("randomrotateout")) { if (nextcaption.hasClass('skewtoright') || nextcaption.hasClass('skewtorightshort')) frm.skewX = 35 else if (nextcaption.hasClass('skewtoleft') || nextcaption.hasClass('skewtoleftshort')) frm.skewX = -35 if (nextcaption.hasClass('ltr') || nextcaption.hasClass('skewtoright')) frm.x=opt.width+60; else if (nextcaption.hasClass('ltl') || nextcaption.hasClass('skewtoleft')) frm.x=0-(opt.width+60); else if (nextcaption.hasClass('ltt')) frm.y=0-(opt.height+60); else if (nextcaption.hasClass('ltb')) frm.y=opt.height+60; else if (nextcaption.hasClass('str') || nextcaption.hasClass('skewtorightshort')) { frm.x=50;frm.opacity=0; } else if (nextcaption.hasClass('stl') || nextcaption.hasClass('skewtoleftshort')) { frm.x=-50;frm.opacity=0; } else if (nextcaption.hasClass('stt')) { frm.y=-50;frm.opacity=0; } else if (nextcaption.hasClass('stb')) { frm.y=50;frm.opacity=0; } else if (nextcaption.hasClass("randomrotateout")) { frm.x = Math.random()*opt.width; frm.y = Math.random()*opt.height; frm.scale = Math.random()*2+0.3; frm.rotation = Math.random()*360-180; frm.opacity = 0; } else if (nextcaption.hasClass('fadeout')) { frm.opacity = 0; } if (nextcaption.hasClass('skewtorightshort')) frm.x = 270; else if (nextcaption.hasClass('skewtoleftshort')) frm.x = -270 frm.data = new Object(); frm.data.oldx = frm.x; frm.data.oldy = frm.y; frm.x = frm.x * downscale; frm.y = frm.y * downscale; frm.overwrite="auto"; var animobject = nextcaption; var animobject = nextcaption; if (nextcaption.data('splitout') == "chars") animobject = nextcaption.data('mySplitText').chars; else if (nextcaption.data('splitout') == "words") animobject = nextcaption.data('mySplitText').words; else if (nextcaption.data('splitout') == "lines") animobject = nextcaption.data('mySplitText').lines; var elemdelay = (nextcaption.data('endelementdelay') == undefined) ? 0 : nextcaption.data('endelementdelay'); //tl.add(TweenLite.to(nextcaption,mspeed,frm),mdelay); tl.add(newtl.staggerTo(animobject,mspeed,frm,elemdelay),mdelay); } else if (nextcaption.hasClass("customout")) { frm = getAnimDatas(frm,nextcaption.data('customout')); var animobject = nextcaption; if (nextcaption.data('splitout') == "chars") animobject = nextcaption.data('mySplitText').chars; else if (nextcaption.data('splitout') == "words") animobject = nextcaption.data('mySplitText').words; else if (nextcaption.data('splitout') == "lines") animobject = nextcaption.data('mySplitText').lines; var elemdelay = (nextcaption.data('endelementdelay') == undefined) ? 0 : nextcaption.data('endelementdelay'); frm.onStart = function() { TweenLite.set(nextcaption,{ transformPerspective:frm.transformPerspective, transformOrigin:frm.transformOrigin, overwrite:"auto" }); } frm.data = new Object(); frm.data.oldx = frm.x; frm.data.oldy = frm.y; frm.x = frm.x * downscale; frm.y = frm.y * downscale; tl.add(newtl.staggerTo(animobject,mspeed,frm,elemdelay),mdelay); } else { backwards.delay = 0; tl.add(TweenLite.to(nextcaption,mspeed,backwards),mdelay); } tl.addLabel(frame,mdelay); nextcaption.data('timeline',tl); } /////////////////////////// // REMOVE THE LISTENERS // /////////////////////////// function removeAllListeners(container,opt) { container.children().each(function() { try{ jQuery(this).die('click'); } catch(e) {} try{ jQuery(this).die('mouseenter');} catch(e) {} try{ jQuery(this).die('mouseleave');} catch(e) {} try{ jQuery(this).unbind('hover');} catch(e) {} }) try{ container.die('click','mouseenter','mouseleave');} catch(e) {} clearInterval(opt.cdint); container=null; } /////////////////////////// // - COUNTDOWN - // ///////////////////////// function countDown(container,opt) { opt.cd=0; opt.loop=0; if (opt.stopAfterLoops!=undefined && opt.stopAfterLoops>-1) opt.looptogo=opt.stopAfterLoops; else opt.looptogo=9999999; if (opt.stopAtSlide!=undefined && opt.stopAtSlide>-1) opt.lastslidetoshow=opt.stopAtSlide; else opt.lastslidetoshow=999; opt.stopLoop="off"; if (opt.looptogo==0) opt.stopLoop="on"; if (opt.slideamount >1 && !(opt.stopAfterLoops==0 && opt.stopAtSlide==1) ) { var bt=container.find('.tp-bannertimer'); // LISTENERS //container.trigger('stoptimer'); container.on('stoptimer',function() { bt.data('tween').pause(); if (opt.hideTimerBar=="on") bt.css({visibility:"hidden"}); }); container.on('starttimer',function() { if (opt.conthover!=1 && opt.videoplaying!=true && opt.width>opt.hideSliderAtLimit && opt.bannertimeronpause != true && opt.overnav !=true) if (opt.stopLoop=="on" && opt.next==opt.lastslidetoshow-1) { // NOTHING } else { bt.css({visibility:"visible"}); bt.data('tween').play(); } if (opt.hideTimerBar=="on") bt.css({visibility:"hidden"}); }); container.on('restarttimer',function() { if (opt.stopLoop=="on" && opt.next==opt.lastslidetoshow-1) { // NOTHING } else { bt.css({visibility:"visible"}); bt.data('tween',TweenLite.fromTo(bt,opt.delay/1000,{width:"0%"},{width:"100%",ease:Linear.easeNone,onComplete:countDownNext,delay:1})); } if (opt.hideTimerBar=="on") bt.css({visibility:"hidden"}); }); container.on('nulltimer',function() { bt.data('tween').pause(0); if (opt.hideTimerBar=="on") bt.css({visibility:"hidden"}); }); function countDownNext() { if (jQuery('body').find(container).length==0) { removeAllListeners(container,opt); clearInterval(opt.cdint); } //STATE OF API CHANGED -> MOVE TO AIP BETTER if (container.data('conthover-changed') == 1) { opt.conthover= container.data('conthover'); container.data('conthover-changed',0); } // SWAP TO NEXT BANNER opt.act=opt.next; opt.next=opt.next+1; if (opt.next>container.find('>ul >li').length-1) { opt.next=0; opt.looptogo=opt.looptogo-1; if (opt.looptogo<=0) { opt.stopLoop="on"; } } // STOP TIMER IF NO LOOP NO MORE NEEDED. if (opt.stopLoop=="on" && opt.next==opt.lastslidetoshow-1) { container.find('.tp-bannertimer').css({'visibility':'hidden'}); container.trigger('revolution.slide.onstop'); } else { bt.data('tween').restart(); } // SWAP THE SLIDES swapSlide(container,opt); } bt.data('tween',TweenLite.fromTo(bt,opt.delay/1000,{width:"0%"},{width:"100%",ease:Linear.easeNone,onComplete:countDownNext,delay:1})); bt.data('opt',opt); container.hover( function() { if (opt.onHoverStop=="on" && (!is_mobile())) { container.trigger('stoptimer'); container.trigger('revolution.slide.onpause'); var nextsh = container.find('>ul >li:eq('+opt.next+') .slotholder'); nextsh.find('.defaultimg').each(function() { var dimg = jQuery(this); if (dimg.data('kenburn')!=undefined) dimg.data('kenburn').pause(); }); } }, function() { if (container.data('conthover')!=1) { container.trigger('revolution.slide.onresume'); container.trigger('starttimer'); var nextsh = container.find('>ul >li:eq('+opt.next+') .slotholder'); nextsh.find('.defaultimg').each(function() { var dimg = jQuery(this); if (dimg.data('kenburn')!=undefined) dimg.data('kenburn').play(); }); } }); } } })(jQuery); // SOME ERROR MESSAGES IN CASE THE PLUGIN CAN NOT BE LOADED function revslider_showDoubleJqueryError(sliderID) { var errorMessage = "Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include."; errorMessage += "
This includes make eliminates the revolution slider libraries, and make it not work."; errorMessage += "

To fix it you can:
    1. In the Slider Settings -> Troubleshooting set option: Put JS Includes To Body option to true."; errorMessage += "
    2. Find the double jquery.js include and remove it."; errorMessage = "" + errorMessage + "" jQuery(sliderID).show().html(errorMessage); } /*! * VERSION: beta 0.2.3 * DATE: 2013-07-10 * UPDATES AND DOCS AT: http://www.greensock.com * * @license Copyright (c) 2008-2013, GreenSock. All rights reserved. * SplitText is a Club GreenSock membership benefit; You must have a valid membership to use * this code without violating the terms of use. Visit http://www.greensock.com/club/ to sign up or get more details. * This work is subject to the software agreement that was issued with your membership. * * @author: Jack Doyle, jack@greensock.com */ (function(t){"use strict";var e=t.GreenSockGlobals||t,i=function(t){var i,s=t.split("."),r=e;for(i=0;s.length>i;i++)r[s[i]]=r=r[s[i]]||{};return r},s=i("com.greensock.utils"),r=function(t){var e=t.nodeType,i="";if(1===e||9===e||11===e){if("string"==typeof t.textContent)return t.textContent;for(t=t.firstChild;t;t=t.nextSibling)i+=r(t)}else if(3===e||4===e)return t.nodeValue;return i},n=document,a=n.defaultView?n.defaultView.getComputedStyle:function(){},o=/([A-Z])/g,h=function(t,e,i,s){var r;return(i=i||a(t,null))?(t=i.getPropertyValue(e.replace(o,"-$1").toLowerCase()),r=t||i.length?t:i[e]):t.currentStyle&&(i=t.currentStyle,r=i[e]),s?r:parseInt(r,10)||0},l=function(t){return t.length&&t[0]&&(t[0].nodeType&&t[0].style&&!t.nodeType||t[0].length&&t[0][0])?!0:!1},_=function(t){var e,i,s,r=[],n=t.length;for(e=0;n>e;e++)if(i=t[e],l(i))for(s=i.length,s=0;i.length>s;s++)r.push(i[s]);else r.push(i);return r},u=")eefec303079ad17405c",c=/(?:
||
)/gi,p=n.all&&!n.addEventListener,f="
":">")}},d=s.SplitText=e.SplitText=function(t,e){if("string"==typeof t&&(t=d.selector(t)),!t)throw"cannot split a null element.";this.elements=l(t)?_(t):[t],this.chars=[],this.words=[],this.lines=[],this._originals=[],this.vars=e||{},this.split(e)},g=function(t,e,i,s,o){c.test(t.innerHTML)&&(t.innerHTML=t.innerHTML.replace(c,u));var l,_,p,f,d,g,v,y,T,w,b,x,P,S=r(t),C=e.type||e.split||"chars,words,lines",k=-1!==C.indexOf("lines")?[]:null,R=-1!==C.indexOf("words"),A=-1!==C.indexOf("chars"),D="absolute"===e.position||e.absolute===!0,O=D?"­ ":" ",M=-999,L=a(t),I=h(t,"paddingLeft",L),E=h(t,"borderBottomWidth",L)+h(t,"borderTopWidth",L),N=h(t,"borderLeftWidth",L)+h(t,"borderRightWidth",L),F=h(t,"paddingTop",L)+h(t,"paddingBottom",L),U=h(t,"paddingLeft",L)+h(t,"paddingRight",L),X=h(t,"textAlign",L,!0),z=t.clientHeight,B=t.clientWidth,j=S.length,Y="
",q=m(e.wordsClass),V=m(e.charsClass),Q=-1!==(e.linesClass||"").indexOf("++"),G=e.linesClass;for(Q&&(G=G.split("++").join("")),p=q(),f=0;j>f;f++)g=S.charAt(f),")"===g&&S.substr(f,20)===u?(p+=Y+"
",f!==j-1&&(p+=" "+q()),f+=19):" "===g&&" "!==S.charAt(f-1)&&f!==j-1?(p+=Y,f!==j-1&&(p+=O+q())):p+=A&&" "!==g?V()+g+"":g;for(t.innerHTML=p+Y,d=t.getElementsByTagName("*"),j=d.length,v=[],f=0;j>f;f++)v[f]=d[f];if(k||D)for(f=0;j>f;f++)y=v[f],_=y.parentNode===t,(_||D||A&&!R)&&(T=y.offsetTop,k&&_&&T!==M&&"BR"!==y.nodeName&&(l=[],k.push(l),M=T),D&&(y._x=y.offsetLeft,y._y=T,y._w=y.offsetWidth,y._h=y.offsetHeight),k&&(R!==_&&A||(l.push(y),y._x-=I),_&&f&&(v[f-1]._wordEnd=!0)));for(f=0;j>f;f++)y=v[f],_=y.parentNode===t,"BR"!==y.nodeName?(D&&(b=y.style,R||_||(y._x+=y.parentNode._x,y._y+=y.parentNode._y),b.left=y._x+"px",b.top=y._y+"px",b.position="absolute",b.display="block",b.width=y._w+1+"px",b.height=y._h+"px"),R?_?s.push(y):A&&i.push(y):_?(t.removeChild(y),v.splice(f--,1),j--):!_&&A&&(T=!k&&!D&&y.nextSibling,t.appendChild(y),T||t.appendChild(n.createTextNode(" ")),i.push(y))):k||D?(t.removeChild(y),v.splice(f--,1),j--):R||t.appendChild(y);if(k){for(D&&(w=n.createElement("div"),t.appendChild(w),x=w.offsetWidth+"px",T=w.offsetParent===t?0:t.offsetLeft,t.removeChild(w)),b=t.style.cssText,t.style.cssText="display:none;";t.firstChild;)t.removeChild(t.firstChild);for(P=!D||!R&&!A,f=0;k.length>f;f++){for(l=k[f],w=n.createElement("div"),w.style.cssText="display:block;text-align:"+X+";position:"+(D?"absolute;":"relative;"),G&&(w.className=G+(Q?f+1:"")),o.push(w),j=l.length,d=0;j>d;d++)"BR"!==l[d].nodeName&&(y=l[d],w.appendChild(y),P&&(y._wordEnd||R)&&w.appendChild(n.createTextNode(" ")),D&&(0===d&&(w.style.top=y._y+"px",w.style.left=I+T+"px"),y.style.top="0px",T&&(y.style.left=y._x-T+"px")));R||A||(w.innerHTML=r(w).split(String.fromCharCode(160)).join(" ")),D&&(w.style.width=x,w.style.height=y._h+"px"),t.appendChild(w)}t.style.cssText=b}D&&(z>t.clientHeight&&(t.style.height=z-F+"px",z>t.clientHeight&&(t.style.height=z+E+"px")),B>t.clientWidth&&(t.style.width=B-U+"px",B>t.clientWidth&&(t.style.width=B+N+"px")))},v=d.prototype;v.split=function(t){this.isSplit&&this.revert(),this.vars=t||this.vars,this._originals.length=this.chars.length=this.words.length=this.lines.length=0;for(var e=0;this.elements.length>e;e++)this._originals[e]=this.elements[e].innerHTML,g(this.elements[e],this.vars,this.chars,this.words,this.lines);return this.isSplit=!0,this},v.revert=function(){if(!this._originals)throw"revert() call wasn't scoped properly.";for(var t=this._originals.length;--t>-1;)this.elements[t].innerHTML=this._originals[t];return this.chars=[],this.words=[],this.lines=[],this.isSplit=!1,this},d.selector=t.$||t.jQuery||function(e){return t.$?(d.selector=t.$,t.$(e)):n?n.getElementById("#"===e.charAt(0)?e.substr(1):e):e}})(window||{}); ================================================ FILE: assets/js/scripts.js ================================================ var appMaster = { preLoader: function(){ imageSources = [] $('img').each(function() { var sources = $(this).attr('src'); imageSources.push(sources); }); if($(imageSources).load()){ $('.pre-loader').fadeOut('slow'); } }, smoothScroll: function() { // Smooth Scrolling $('a[href*=#]:not([href=#carousel-example-generic])').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }, reviewsCarousel: function() { // Reviews Carousel $('.review-filtering').slick({ slidesToShow: 1, slidesToScroll: 1, dots: true, arrows: false, autoplay: true, autoplaySpeed: 5000 }); }, screensCarousel: function() { // Screens Carousel $('.filtering').slick({ slidesToShow: 4, slidesToScroll: 4, dots: false, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); $('.js-filter-all').on('click', function() { $('.filtering').slickUnfilter(); $('.filter a').removeClass('active'); $(this).addClass('active'); }); $('.js-filter-one').on('click', function() { $('.filtering').slickFilter('.one'); $('.filter a').removeClass('active'); $(this).addClass('active'); }); $('.js-filter-two').on('click', function() { $('.filtering').slickFilter('.two'); $('.filter a').removeClass('active'); $(this).addClass('active'); }); $('.js-filter-three').on('click', function() { $('.filtering').slickFilter('.three'); $('.filter a').removeClass('active'); $(this).addClass('active'); }); }, animateScript: function() { $('.scrollpoint.sp-effect1').waypoint(function(){$(this).toggleClass('active');$(this).toggleClass('animated fadeInLeft');},{offset:'100%'}); $('.scrollpoint.sp-effect2').waypoint(function(){$(this).toggleClass('active');$(this).toggleClass('animated fadeInRight');},{offset:'100%'}); $('.scrollpoint.sp-effect3').waypoint(function(){$(this).toggleClass('active');$(this).toggleClass('animated fadeInDown');},{offset:'100%'}); $('.scrollpoint.sp-effect4').waypoint(function(){$(this).toggleClass('active');$(this).toggleClass('animated fadeIn');},{offset:'100%'}); $('.scrollpoint.sp-effect5').waypoint(function(){$(this).toggleClass('active');$(this).toggleClass('animated fadeInUp');},{offset:'100%'}); }, revSlider: function() { var docHeight = $(window).height(); var mainSlider = $('.tp-banner').revolution({ delay: 9000, startwidth: 1170, startheight: docHeight, hideThumbs: 10, touchenabled: false, fullWidth: "on", hideTimerBar: "on", fullScreen: "on", onHoverStop: "off", fullScreenOffsetContainer: "" }); }, scrollMenu: function(){ var num = 50; //number of pixels before modifying styles if ($(window).scrollTop() > num) { $('nav').addClass('scrolled'); } $(window).bind('scroll', function () { if ($(window).scrollTop() > num) { $('nav').addClass('scrolled'); } else { $('nav').removeClass('scrolled'); } }); $('ul.navbar-nav li a').bind('click', function(){ if($(this).closest('.navbar-collapse').hasClass('in')){ $(this).closest('.navbar-collapse').removeClass('in'); } }); }, placeHold: function(){ // run Placeholdem on all elements with placeholders Placeholdem(document.querySelectorAll('[placeholder]')); } }; // AppMaster $(document).ready(function() { appMaster.smoothScroll(); appMaster.reviewsCarousel(); appMaster.screensCarousel(); appMaster.animateScript(); appMaster.revSlider(); appMaster.scrollMenu(); appMaster.placeHold(); }); ================================================ FILE: assets/less/colors.less ================================================ @import "styles.less"; // Custom Variables // Uncomment and comment variables (@base, @baseDark, @img_reviews, @img_getapp) below to change between predefined colors // Coloring : Change Your Base Light Color // Coloring : Change Your Base Dark Color // Freeze Theme Coloring @img_reviews : "../img/freeze/bk-freeze.jpg"; @img_getapp : "../img/freeze/bk-freeze-ga.jpg"; @base: #66cdcc; @baseDark: #336799; // -------------- End Freeze --------------- // Eco Theme Coloring // @img_reviews : "../img/eco/bk-eco.jpg"; // @img_getapp : "../img/eco/bk-eco-ga.jpg"; // @base: #66cc99; // @baseDark: #339999; // -------------- End Eco --------------- // Berry Theme Coloring // @img_reviews : "../img/berry/bk-berry.jpg"; // @img_getapp : "../img/berry/bk-berry-ga.jpg"; // @base: #cc6698; // @baseDark: #6b396c; // -------------- End Berry --------------- @lightGrey: #999999; @darkGrey: #666666; @white: #ffffff; @font-stack: 'Lato', Arial; header{ .bk-gradient(-45deg, @base, @baseDark); .navbar-default { ul.navbar-nav { li { a { color: @white; background: none; &.getApp { color: lighten(@baseDark, 7%); .bk-gradient(180deg, @white, darken(@white, 12%)); &:hover { color: lighten(@baseDark, 10%); .bk-gradient(180deg, @white, darken(@white, 20%)); .transitionAll; } } &:hover { color:@white; .transitionAll; } } } } &.scrolled{ border-bottom: 3px solid @baseDark; ul.navbar-nav{ li{ a{ color:@baseDark; &:hover{ color:@baseDark; &:after{ background: @baseDark; } } } } } .navbar-brand{ background: @baseDark; } } } } section{ .section-heading{ h1{ } .divider{ &:after{ background: @base; } } } } section#about { .about-item { i.fa { border: 2px solid @base; color: @base; } &:hover { i.fa { color: @white; background: @base; } h3 { color: @base; } } } } section#features { background: #f6f6f6; header { h1 { &:after { background: @base; } } } .media { i.fa { border: 2px solid @base; color: @base; } &:hover { i.fa { color: @white; background: @base; } h3 { color: @base; } } &.active { i.fa { color: @white; background: @base; } .media-heading{ color: @base; } } } } section#reviews { background: url(@img_reviews); header { color: @white; h1 { &:after { background: @white; } } } .review-filtering { .review { .review-person { img { border: 3px solid @white; } } .review-comment { background: @white; h3 { color: @base; } p { span { i { color: @base; } } } &:after { border-right-color: #ffffff; } } } .slick-dots { li { button { background: @white; border:2px solid @white; } &.slick-active { button { background: @base; } } } } } } section#screens { header { h1 { &:after { background: @base; } } } .slider { div { img { border: 2px solid lighten(@lightGrey, 30%); } h4 { color: @lightGrey; } } .slick-dots { li { button { background: @lightGrey; } &.slick-active { button { background: @base; } } } } } .filter { a { border: 2px solid lighten(@lightGrey, 20%); color: @lightGrey; &:hover { color: @white; background: @base; border-color: @base; } &.active { color: @white; background: @base; border-color: @base; } } } } /* demo video Section */ section#demo { background: #f6f6f6; header { h1 { &:after { background: @base; } } } } /* Get app Section */ section#getApp { background: url(@img_getapp); header { color: @white; h1 { &:after { background: @white; } } } .platforms { .media { border: 2px solid @white; color: @white; a { i { color: @white; } div.media-body { color: @white; } } &:hover { background: @white; a { i, div.media-body { color: @base; } } } } } } /* support section */ section#support { header { h1 { &:after { background: @base; } } } .media { i.fa { border: 2px solid @base; color: @base; } a { color: @base; } &:hover { i.fa { color: @white; background: @base; } h3 { color: @base; } } } } /* footer section */ footer { .bk-gradient(-45deg, @base, @baseDark); .social { a { border: 2px solid @white; i { color: @white; } &:hover { background: @white; i { color: @base; } } } } .rights { color: @white; a { color: @white; font-weight: 300; text-decoration: none; } } } .navbar-toggle { background-color: #CCC; border: 1px solid rgba(0, 0, 0, 0); } .btn { &.btn-primary{ color:@base; border-color:@base; &:hover{ color:@white; background: @base; border-color:@base; } &.inverse{ color:@white; border-color:@white; &:hover{ color:@white; background: @base; border-color:@base; } } } &.btn-default { .bk-gradient(180deg, @white, darken(@white, 20%)); color:@baseDark; &:hover{ color:@baseDark; } } } form{ .form-control{ &:focus{ border-color:@base; color:@lightGrey; } } } @media screen and (max-width: 640px) { header{ .navbar-default{ .navbar-toggle{ &:hover,&:focus{ background: none; } } ul.navbar-nav{ li{ a{ color:@white; border-bottom:1px solid lighten(@baseDark, 3%); &.getApp{ color:@white; } &:after{ display: none; } &:hover{ color:@base; } } } } .navbar-collapse{ background: @baseDark; } &.scrolled{ background: @baseDark; .navbar-toggle{ } ul.navbar-nav{ li{ a{ color:@white; &:hover{ color:@base; } } } } } } } } .pre-loader{ background: @baseDark; } ================================================ FILE: assets/less/lib.less ================================================ .rounded-corners (@radius: 2px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius: @radius; border-radius: @radius; } .backgroundCover(){ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .transitionAll (@transition: all .25s ease-in-out) { -webkit-transition: @transition; -moz-transition: @transition; -ms-transition: @transition; -o-transition: @transition; transition: @transition; } .box-shadow-me (@boxShadow : 0px 1px 3px rgba(0,0,0,.3)) { -webkit-box-shadow: @boxShadow; -moz-box-shadow: @boxShadow; box-shadow: @boxShadow; } .background-opacity(@color, @opacity) { @rgba-color: rgba(red(@color), green(@color), blue(@color), @opacity); background-color: @rgba-color; // Hack for IE8: background: none\9; // Only IE8 filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d')", argb(@rgba-color),argb(@rgba-color))); // IE9 and down // Problem: Filter gets applied twice in IE9. // Solution: &:not([dummy]) { filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); // Only IE9 } } .bk-gradient(@deg: 0deg, @firstColor, @secColor ) { background: @firstColor; /* Old browsers */ background: -moz-linear-gradient(@deg, @firstColor 0%, @secColor 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, @firstColor), color-stop(100%, @secColor)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(@deg, @firstColor 0%, @secColor 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(@deg, @firstColor 0%, @secColor 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(@deg, @firstColor 0%, @secColor 100%); /* IE10+ */ background: linear-gradient(@deg, @firstColor 0%, @secColor 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= @firstColor , endColorstr= @secColor , GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ================================================ FILE: assets/less/styles.less ================================================ @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900); @import "lib.less"; body { font-family: @font-stack; color:@darkGrey; -webkit-font-smoothing: antialiased; } a { font-family: @font-stack; -webkit-font-smoothing: antialiased; } div.content { overflow: hidden ; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color:@darkGrey; } header { .navbar-default { background: none; border:none; padding-top: 40px; padding-bottom: 20px; .transitionAll; ul.navbar-nav { padding-top: 55px; li { a { text-transform: capitalize; font-weight: 400; font-size: 16px; padding:7px 20px; .transitionAll; &:after { content:''; width: 32px; background: none; height: 4px; position: absolute; bottom: 2px; z-index: 99999; left: 20px; .rounded-corners(5em); color: @white; .transitionAll; } &:hover { .transitionAll; &:after { background: @white; } } &.getApp { .rounded-corners(5em); .transitionAll; &:after { display: none; } } &:focus{ color: @white; } } } } .navbar-brand { height:auto; padding: 0; } &.scrolled { background: rgba(255, 255, 255, .8); .box-shadow-me; padding: 0; .transitionAll; .navbar-brand { padding: 15px 20px; img { width:auto; max-height: 33px; } } ul.navbar-nav { padding-top: 15px; } } } } .scrollpoint { opacity: 0; &.active{ opacity: 1 \0; } } .hanging-phone { position: absolute; right: 0; z-index: 0; bottom: -70px; } .section-heading { margin: 60px 0 80px; text-align: center; h1 { display: inline-block; font-size: 55px; font-weight: 300; margin-bottom: 0; } p { font-size: 25px; color:@lightGrey; font-weight: 300; } .divider { &:after { content:""; position: relative; height: 4px; width: 60px; display: block; text-align: center; margin:13px auto; .rounded-corners(5em); } } &.inverse { h1, p { color:@white; } .divider:after { background: @white; } } } section#about { position: relative; .about-item { text-align: center; font-size: 17px; line-height: 25px; color:@lightGrey; i.fa { .rounded-corners(50%); padding: 35px; .transitionAll; width: 104px; } } } section#features { .media { i.fa { .rounded-corners(50%); padding: 20px; .transitionAll; width: 2.6em; text-align: center; } .media-heading { padding-top: 10px; font-weight: 300; } .media-body { color:@lightGrey; } &.feature { margin-top: 25px; &:first-child { margin-top: 0; } } } img { margin: 0 auto 20px; } } section#reviews { .backgroundCover; .review-filtering { margin: 20px 0 100px 0; .review { .review-person { width: 100%; img { width: 110px; .rounded-corners(50%); margin: 10px auto; } } .review-comment { width:100%; .rounded-corners(10px); padding: 5px 40px 20px; position: relative; h3 { margin-bottom: 15px; } p { font-size: 16px; color:@lightGrey; span { margin-left: 10px; } } &:after { right: 100%; top: 50%; border: solid transparent; content:" "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-width: 15px; margin-top: -10px; } } .review-person, .review-comment { float: left; } } .slick-dots { bottom: -80px; li { button { .rounded-corners(50%); &:before { display: none; } } } } } } section#screens { .slider { margin: 50px 0; div { img { .rounded-corners(20px); padding: 10px; display: inline; } h4 { text-align: center; margin-top: 40px; font-size: 16px; } } .slick-dots { li { button { .rounded-corners(5em); } } } } .slick-prev, .slick-next { width: 50px; height: 50px; top:44%; } .slick-slide { text-align: center; } .slick-prev:before { content:"\f104"; } .slick-next:before { content:"\f105"; } .slick-prev:before, .slick-next:before { font-size: 34px; .rounded-corners(5em); line-height: 45px; color: #CCC; border: 2px solid #CCC; width: 50px; display: inline-block; height: 50px; text-align: center; } .filter { text-align: center; a { display: inline-block; padding: 7px 20px; text-decoration: none; .rounded-corners(5em); margin: 10px 5px; text-transform: uppercase; .transitionAll; } } } /* demo video Section */ section#demo { .video-container { padding: 20px; border:1px solid lighten(@lightGrey, 10%); min-height: 450px; overflow: hidden; } iframe { width:100%; height: 100%; border:none; } } /* Get app Section */ section#getApp { .backgroundCover; padding: 70px 0; .platforms { margin: 5px auto 120px auto; text-align: center; .btn { margin-right: 10px; margin-bottom: 20px; } } } /* support section */ section#support { padding: 0 0 150px 0; .media { margin-bottom: 10px; i.fa { .rounded-corners(50%); padding: 10px; .transitionAll; width: 1.9em; text-align: center; } .media-heading { padding-top: 15px; font-weight: 300; a { font-weight: 400; } } } } /* footer section */ footer { padding: 80px 0; text-align: center; a>img { width: 100px; } .social { display: block; margin-top: 30px; a { margin: 0 8px; padding: 15px; .rounded-corners(50%); display: inline-block; .transitionAll; i { width: 1em; } } } .rights { margin-top: 30px; a { text-decoration: underline; .transitionAll; font-weight: bold; &:hover { text-decoration: none; } } } } section { position: relative; padding-bottom: 90px; } /* Common style for pseudo-elements */ section::before, section::after { position: absolute; content:''; pointer-events: none; overflow: hidden; } .carousel-fade { .carousel-inner { .item { opacity: 0; transition-property: opacity; } .active { opacity: 1; } .active.left, .active.right { left: 0; opacity: 0; z-index: 1; } .next.left, .prev.right { opacity: 1; } } .carousel-control { z-index: 2; } } .tp-caption { font-family: @font-stack !important; -webkit-font-smoothing: antialiased; &.large_white_bold { color:@white; font-size:65px; font-weight: 400; } &.large_white_light { .large_white_bold(); font-weight: 300; } } .btn { .rounded-corners(3em); .box-shadow-me(none); padding: 5px 25px; &.btn-primary { border:2px solid @white; background: none; color:@white; &:hover { color: @white; } } &.btn-default { border:none; .bk-gradient(180deg, @white, darken(@white, 20%)); } &.btn-lg { padding: 10px 25px; } &:hover { .transitionAll; } } form { .form-control { .box-shadow-me(none); .rounded-corners(5em); height: 40px; line-height: 40px; padding:10px 20px; color:lighten(@lightGrey, 21%); border:2px solid lighten(@lightGrey, 20%); font-weight: 300; } textarea.form-control { .rounded-corners(20px); height: auto; line-height: normal; } } @media screen and (max-width: 640px) { .logo{ width:100px; height: auto; } .slick-next{ right: 0; } .slick-prev{ left: 0; } .contact-details{ margin-top: 20px; } header{ .navbar-default{ padding: 20px; .navbar-toggle{ margin-top: 0px; margin-right: 0px; background: none; border:2px solid @white; color:@white; .rounded-corners(5em); &:hover,&:focus{ background: none; } } ul.navbar-nav{ padding-top: 0; margin: 0; li{ a{ padding: 10px; text-align: center; &.getApp{ background: none !important; .rounded-corners(0em); } } } } .navbar-collapse{ border-color:transparent; } &.scrolled{ .navbar-collapse{ border-color:transparent; } ul.navbar-nav{ padding-top: 0; margin: 0; } .navbar-toggle{ margin-top: 11px; margin-right: 20px; background: none; border:2px solid @white; color:@white; .rounded-corners(5em); } } } } } .pre-loader{ position:fixed; width:100%; height:100%; z-index:9999999; display:none; .load-con{ margin: 20% auto; position: relative; text-align: center; } } .spinner { margin: 50px auto 0; width: 70px; text-align: center; } .spinner > div { width: 18px; height: 18px; background-color: @white; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } ================================================ FILE: dist/Documentation/index.html ================================================ Document Navigating To Scoop Themes Docs ================================================ FILE: gruntfile.js ================================================ var path = require('path'); module.exports = function(grunt) { 'use strict'; grunt.loadNpmTasks('grunt-contrib-less'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-connect'); grunt.loadNpmTasks('grunt-newer'); grunt.loadNpmTasks('grunt-bumpup'); grunt.loadNpmTasks('grunt-jslint'); // Do grunt-related things in here grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), less: { dev: { options: { paths: ['css'], compress: false, ieCompat: true, }, files: { 'assets/css/styles.css': 'assets/less/colors.less' } }, prod: { options: { paths: ['css'], compress: true, ieCompat: true, }, files: { 'assets/css/styles.min.css': 'assets/less/styles.less' } } }, jslint: { // configure the task // lint your project's server code server: { src: [ // some example files 'assets/js/scripts.js' ], options: { edition: 'latest', // specify an edition of jslint or use 'dir/mycustom-jslint.js' for own path errorsOnly: true, // only display errors failOnError: false // defaults to true } } }, watch: { options: { livereload: true }, less: { files: ['assets/**/*.less'], tasks: ['newer:less:dev'], }, scripts: { files: ['**/*.js', '*.html'], tasks: ['jslint'] } }, bumpup: { file: 'package.json' }, connect: { server: { options: { port: 9005, base: '', hostname: '*', livereload:true } } } }); grunt.task.registerTask('default', 'jslint'); grunt.task.registerTask('default', ['connect','watch']); }; ================================================ FILE: index.html ================================================ Oleose App Landing Page | Bootstrap Theme
  • slidebg1
    Oleose
    App
    Landing Theme
  • slidebg1
    Every Pixel
  • slidebg1

About Us

Oleose Beautiful App Landing Page

Easy setup

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.

On-the-go

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Social connect

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Dedicated support

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Features

Learn more about this feature packed App

User Settings

Lorem ipsum dolor sit amet.

Messages Inbox

Lorem ipsum dolor sit amet.

Friends List

Lorem ipsum dolor sit amet.

Live Chat Messages

Lorem ipsum dolor sit amet.

Calendar / Planner

Lorem ipsum dolor sit amet.

My Places

Lorem ipsum dolor sit amet.

Media Player™

Lorem ipsum dolor sit amet.

Intuitive Statistics

Lorem ipsum dolor sit amet.

Weather on-the-go

Lorem ipsum dolor sit amet.

And much more!

Lorem ipsum dolor sit amet.

Reviews

Read What's The People Are Saying About Us

“I love Oleose, I highly rfreezemmend it, Everyone Try It Now”

- Krin Fox

“Oleaose Is The Best Stable, Fast App I Have Ever Experienced”

- Theodore Willis

“Keep It Up Guys Your Work Rules, Cheers :)”

- Ricky Grant

Screens

See what’s included in the App

Profile Page

Toggel Menu

Weather Forcast

Sign Up

Event Calendar

Some Options

Sales Analysis

Demo

Take a closer look in more detail

Get App

Choose your native platform and get started!

Support

For more info and support, contact us!

4, Some street, California, USA

+1 234 567890

================================================ FILE: package.json ================================================ { "name": "Oleose", "version": "0.1.0", "description": "Mobile App One Page Landing Template", "main": "index.html", "dependencies": { "grunt": "~0.4.5", "grunt-contrib-less": "~1.0.0" }, "devDependencies": { "grunt-contrib-watch": "~0.6.1", "grunt-contrib-connect": "~0.9.0", "grunt-newer": "~0.8.0", "grunt-este-watch": "~0.1.18", "grunt-express": "~1.0", "grunt-bumpup": "~0.6.2", "grunt-browser-sync": "~1.5.3", "grunt-jslint": "^1.1.12" }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "Scoop Themes", "license": "CC0" }