/* Theme Name: Conference WPL Theme URI: https://wplook.com/product/themes/conference-events/conference-wordpress-theme/ Author: WPlook Studio Author URI: https://wplook.com Description: Premium WordPress Theme for events, conferences, meetups, exhibitions etc. Version: 3.3 Requires at least: 5.0 Tested up to: 5.6 Requires PHP: 7.0 License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, blue, green, orange, pink, red, white, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, front-page-post-form, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: conference-wpl Domain Path: /languages */ /* ------ [ Table of content ] -------*/ /* + Include Web Fonts + Genera + Reset default browser CSS + Menu Styles + Landing Page Teaser + Mini Header + General Posts + Breadcrumbs + Navigation Posts (next prev) + Comments and Comments form + Widgets + Animations Mixin + Home page widdgets Animaions + Footer */ /* ---------------------------------------------------------- Import vendors = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ @-webkit-keyframes bounce { 0%, 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 { 0%, 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); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; transform: none; } } @-webkit-keyframes pulse { 0% { -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 { 0% { -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); } } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes shake { 0%, 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 { 0%, 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); } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; transform-origin: top center; } 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%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; transform-origin: top center; } 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); } } @-webkit-keyframes tada { 0% { -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 { 0% { -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); } } @-webkit-keyframes wobble { 0% { -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 { 0% { -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%); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounceInDown { 0% { 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 { 0% { 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); } } @-webkit-keyframes bounceInLeft { 0% { 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 { 0% { 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); } } @-webkit-keyframes bounceInRight { 0% { 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 { 0% { 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); } } @-webkit-keyframes bounceInUp { 0% { 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 { 0% { 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); } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @-webkit-keyframes bounceOutDown { 0% { -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 { 0% { -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); } } @-webkit-keyframes bounceOutLeft { 0% { -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 { 0% { -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); } } @-webkit-keyframes bounceOutRight { 0% { -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 { 0% { -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); } } @-webkit-keyframes bounceOutUp { 0% { -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 { 0% { -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); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -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) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -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) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flipInX { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } 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% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } } @keyframes flipInX { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } 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% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } } @-webkit-keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 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% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } } @keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 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% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } } @-webkit-keyframes flipOutX { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } } @keyframes flipOutX { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } } @-webkit-keyframes flipOutY { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @-webkit-keyframes lightSpeedIn { 0% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } 60% { opacity: 1; -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); } 80% { opacity: 1; -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } } @keyframes lightSpeedIn { 0% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } 60% { opacity: 1; -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); } 80% { opacity: 1; -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } } @keyframes lightSpeedOut { 0% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } } @-webkit-keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } @-webkit-keyframes rotateInDownLeft { 0% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateInDownLeft { 0% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateInDownRight { 0% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateInDownRight { 0% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateInUpLeft { 0% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateInUpLeft { 0% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateInUpRight { 0% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateInUpRight { 0% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; -webkit-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; -webkit-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; transform-origin: center center; } } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateOutDownRight { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateOutUpRight { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; } 40% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; } 80% { opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; } 100% { opacity: 0; -webkit-transform: translateY(700px); transform: translateY(700px); } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; } 40% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; } 80% { opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; } 100% { opacity: 0; -webkit-transform: translateY(700px); transform: translateY(700px); } } @-webkit-keyframes rollIn { 0% { 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 { 0% { 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); } } @-webkit-keyframes rollOut { 0% { 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 { 0% { 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); } } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } /* ---------------------------------------------------------- Import our components. = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* ---------------------------------------------------------- General = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ html { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased; } body { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } .wrapper { overflow-x: hidden; width: 100%; } body.admin-bar .wrapper { padding-top: 32px; } @media all and (max-width: 782px) { body.admin-bar .wrapper { padding-top: 46px; } } @media screen and (max-width: 600px) { #wpadminbar { position: fixed; } } /*// No padding*/ .nopadding { padding: 0 !important; } .nopaddingr { padding-right: 0 !important; } .nopaddingl { padding-left: 0 !important; } .nopaddingt { padding-top: 0 !important; } .nopaddingb { padding-bottom: 0 !important; } .center-content { text-align: center; } .clear { clear: both; } /*-----------------------------------------------------------------------------------*/ /* Attachments /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* Images /*-----------------------------------------------------------------------------------*/ a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } /*-----------------------------------------------------------------------------------*/ /* Resize images to fit the main content area. /* - Applies only to images uploaded via WordPress by targeting size-* classes. /* - Other images will be left alone. Use "size-auto" class to apply to other images. /*-----------------------------------------------------------------------------------*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } img.alignleft { margin-right: 1.5em; } img.alignright { margin-left: 1.5em; } .wp-caption { padding: .5em; text-align: center; } .wp-caption img { margin: .25em; } .wp-caption .wp-caption-text { margin: .5em; } .gallery-caption { background: transparent; } .wp-smiley { margin: 0; } .sticky { background: transparent; } .bypostauthor { background: transparent; } /*-----------------------------------------------------------------------------------*/ /* Alignment /*-----------------------------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .fright { float: right; } .frighti { float: right !important; } .fleft { float: left; } .clear { clear: both; } /*-----------------------------------------------------------------------------------*/ /* Screen readers /*-----------------------------------------------------------------------------------*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ---------------------------------------------------------- Index widget Content = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .widget-content { padding: 3em 0; border-bottom: 1px solid #e6e6e6; } .widget-content h2 { font-family: "Montserrat", -apple-system, Helvetica, Arial, sans-serif; position: relative; margin-bottom: 3em; display: inline-block; } .widget-content h2:after { background: #e6e6e6; height: 3px; width: 100%; content: " "; position: absolute; left: 0; bottom: -1.5em; } /* ---------------------------------------------------------- Default btn = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .btn-default, .wpcf7-submit { background-color: #a00e31; text-transform: uppercase; color: #f2f2f2; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; padding: 11px 45px; -webkit-background-clip: padding-box; -webkit-border-radius: 30px; -moz-background-clip: padding-box; border-radius: 30px; background-clip: padding-box; } .btn-default:hover, .btn-default:focus, .wpcf7-submit:hover, .wpcf7-submit:focus { background: #b71038; color: #f2f2f2; } .btn-default:active, .wpcf7-submit:active { background: #971736; color: #cccccc; } .btn-default:visited, .wpcf7-submit:visited { color: #fff; } /* ---------------------------------------------------------- Logo = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .logo #site-title { border: 4px solid #ffffff; display: inline-block; font-family: "Montserrat", -apple-system, Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; color: #ffffff; padding: .5em; font-size: 2em; letter-spacing: 8px; } .sub-logo #site-description { font-family: "Montserrat", -apple-system, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 5px; font-size: .7em; color: #ffffff; margin-top: 2em; } /* ---------------------------------------------------------- Import default components = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* ---------------------------------------------------------- Old header menu = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .admin-bar .main_menu { margin-top: 32px; } .main_menu { background-color: transparent; background-color: rgba(0, 0, 0, 0.99); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FC000000,endColorstr=#FC000000); zoom: 1; position: fixed; z-index: 999; width: 100%; top: 0px; left: 0; } @media screen and (max-width: 950px) { .main_menu { top: 0px; position: absolute; } } .main_menu ul.menu, .main_menu div.menu > ul { margin: 0; padding: 0; /* ---------------------------------------------------------- Register = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* ---------------------------------------------------------- Language = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ } .main_menu ul.menu li, .main_menu div.menu > ul li { display: inline-block; position: relative; } .main_menu ul.menu li a, .main_menu div.menu > ul li a { color: #ffffff; display: block; font-weight: 400; font-size: 16px; text-transform: uppercase; line-height: 2.5; padding: 10px; text-decoration: none; } .main_menu ul.menu li a:hover, .main_menu div.menu > ul li a:hover { color: #a00e31; } .main_menu ul.menu li:hover > a, .main_menu div.menu > ul li:hover > a { color: #a00e31; } .main_menu ul.menu li:hover > ul, .main_menu div.menu > ul li:hover > ul { display: block; } .main_menu ul.menu li > .sub-menu, .main_menu div.menu > ul li > .sub-menu { /* ---------------------------------------------------------- Submenu = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ } .main_menu ul.menu li > .sub-menu li:first-child, .main_menu div.menu > ul li > .sub-menu li:first-child { position: relative; } .main_menu ul.menu li > .sub-menu li:first-child:after, .main_menu div.menu > ul li > .sub-menu li:first-child:after { z-index: 9999; bottom: 100%; left: 45%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #1a1a1a; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")"; filter: alpha(opacity=80); zoom: 1; border-width: 10px; margin-left: -10px; } .main_menu ul.menu li > .sub-menu .sub-menu li:first-child:after, .main_menu div.menu > ul li > .sub-menu .sub-menu li:first-child:after { border: none; } .main_menu ul.menu li > .sub-menu li:hover > .sub-menu, .main_menu div.menu > ul li > .sub-menu li:hover > .sub-menu { position: absolute; left: 100%; top: 0; } .main_menu ul.menu ul a, .main_menu div.menu > ul ul a { color: #ffffff; margin: 0; min-width: 170px; line-height: 1; padding-top: 10px; padding-bottom: 10px; text-transform: capitalize; border-bottom: 1px solid #404040; } .main_menu ul.menu ul a:hover, .main_menu div.menu > ul ul a:hover { color: #fff; border-bottom: 1px solid gray; } .main_menu ul.menu li.register, .main_menu div.menu > ul li.register { display: inline-block; float: right; } .main_menu ul.menu li.register a, .main_menu div.menu > ul li.register a { background-color: #a00e31; color: #ffffff; text-transform: uppercase; display: block; padding: 10px 25px 10px 25px; } .main_menu ul.menu li.register a:hover, .main_menu div.menu > ul li.register a:hover { background-color: #c6113c; } .main_menu ul.menu li.language, .main_menu div.menu > ul li.language { display: inline-block; padding: 0px; float: right; } .main_menu ul.menu li.language a, .main_menu div.menu > ul li.language a { background: #030303; position: relative; padding: 10px 35px 10px 35px; color: #ffffff; display: block; font-weight: 400; font-size: 16px; line-height: 2.5; text-decoration: none; } .main_menu ul.menu li.language a:hover, .main_menu div.menu > ul li.language a:hover { background: #1a1a1a; } .main_menu ul.menu li.language:hover > a, .main_menu div.menu > ul li.language:hover > a { color: #fafafa; } .main_menu ul.menu li.language:hover > ul, .main_menu div.menu > ul li.language:hover > ul { display: block; } .main_menu ul.menu li.language .sub-menu, .main_menu div.menu > ul li.language .sub-menu { background: #4d4d4d; list-style-type: none; display: none; padding: 0; margin: 0; position: absolute; left: 10px; color: #ffffff; z-index: 99999; text-align: left; } .main_menu ul.menu li.language .sub-menu li:first-child, .main_menu div.menu > ul li.language .sub-menu li:first-child { position: relative; } .main_menu ul.menu li.language .sub-menu li:first-child:after, .main_menu div.menu > ul li.language .sub-menu li:first-child:after { z-index: 9999; bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #1a1a1a; border-width: 10px; margin-left: -10px; width: 100%; } .main_menu ul.menu li.language .sub-menu a, .main_menu div.menu > ul li.language .sub-menu a { color: #ffffff; margin: 0; min-width: 160px; line-height: 1; text-transform: capitalize; border-bottom: 1px solid #1a1a1a; } .main_menu ul.menu li.language .sub-menu a:hover, .main_menu div.menu > ul li.language .sub-menu a:hover { color: #fff; border-bottom: 1px solid #e6e6e6; } .main_menu .menu .sub-menu, .main_menu .menu .children { background: #1a1a1a; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")"; filter: alpha(opacity=80); zoom: 1; display: none; padding: 0; margin: 0px; position: absolute; color: #ffffff; z-index: 99999; text-align: left; } .main_menu .menu .sub-menu ul, .main_menu .menu .children ul { border-left: 0; top: 0; } /* ---------------------------------------------------------- Menu = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .main_menu .menu-item.active a { color: #a00e31 !important; } .mean-container .mean-bar { background: #000000; } .mean-container .mean-nav { background: #000000; } @media all and (max-width: 950px) { .mb .navmobile { display: block; height: 50px; } .mb .navmobile a { width: 30px; height: 30px; font-size: 2em; float: right; } .mb .navmobile a::before { content: "\f039"; font-family: "Font Awesome 5 Free"; color: #ffffff; } .mb .navmobile a.close::before { content: "\f00d"; font-family: "Font Awesome 5 Free"; width: 30px; height: 30px; color: #ffffff; } .main_menu ul.menu, .main_menu div.menu > ul { display: none; } .main_menu ul.menu li, .main_menu div.menu > ul li { display: block; } .main_menu ul.menu li.register, .main_menu ul.menu li.language, .main_menu div.menu > ul li.register, .main_menu div.menu > ul li.language { display: block; float: left; width: 100%; } .main_menu ul.menu.showme, .main_menu div.menu > ul.showme { display: block; } .main_menu .menu .sub-menu, .main_menu .menu .children { background-color: transparent; background-color: rgba(26, 26, 26, 0.98); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FA1A1A1A,endColorstr=#FA1A1A1A); zoom: 1; display: block; padding: 0; position: inherit; left: 0%; color: #ffffff; z-index: 99999; text-align: left; margin-left: 0; } .main_menu .menu li > .sub-menu > li > .sub-menu { padding-left: 20px; } .main_menu ul.menu li > .sub-menu li:hover > .sub-menu { position: static; } .main_menu ul.menu ul a, .main_menu div.menu > ul ul a { line-height: 1.8em; } .main_menu ul.menu li > .sub-menu li:first-child:after, .main_menu div.menu > ul li > .sub-menu li:first-child:after { border: none; } } /* ---------------------------------------------------------- New header menu = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .new-main-menu { -webkit-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; position: fixed; z-index: 999; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.admin-bar .new-main-menu { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .new-main-menu { top: 0px; } } .menu-open .new-main-menu, .menu-open .new-main-menu.headroom--top { background: rgba(0, 0, 0, 0.85); } .new-main-menu.headroom { -webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.2s linear; transition: background 0.2s ease-in-out, -webkit-transform 0.2s linear; transition: transform 0.2s linear, background 0.2s ease-in-out; transition: transform 0.2s linear, background 0.2s ease-in-out, -webkit-transform 0.2s linear; } .new-main-menu.headroom--top { background: none; } .new-main-menu.headroom--pinned { -webkit-transform: translateY(0%); transform: translateY(0%); } .new-main-menu.headroom--unpinned { -webkit-transform: translateY(-100%); transform: translateY(-100%); background: none; } .page-template-template-homepage .new-main-menu.headroom--top { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 950px) { .page-template-template-homepage .new-main-menu.headroom--top { -ms-flex-pack: distribute; justify-content: space-around; } } .page-template-template-homepage .new-main-menu.headroom--top .logo-container { display: none; } .new-main-menu .logo-container { padding: 10px; } .new-main-menu .logo-container h1 { color: white; font-weight: bold; margin: 0; } .new-main-menu .logo-container img { max-height: 80px; width: auto; -webkit-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; } .new-main-menu .menu-button-container { padding: 10px; } .new-main-menu .menu-button-container .menu-button { width: 25px; height: 20px; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .new-main-menu .menu-button-container .menu-button span { display: block; position: absolute; height: 4px; width: 100%; background: white; border-radius: 5px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } .new-main-menu .menu-button-container .menu-button span:nth-child(1) { top: 0px; } .new-main-menu .menu-button-container .menu-button span:nth-child(2), .new-main-menu .menu-button-container .menu-button span:nth-child(3) { top: 8px; } .new-main-menu .menu-button-container .menu-button span:nth-child(4) { top: 16px; } .menu-open .new-main-menu .menu-button-container .menu-button span:nth-child(1) { top: 8px; width: 0%; left: 50%; } .menu-open .new-main-menu .menu-button-container .menu-button span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-open .new-main-menu .menu-button-container .menu-button span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-open .new-main-menu .menu-button-container .menu-button span:nth-child(4) { top: 8px; width: 0%; left: 50%; } .new-main-menu .menu-container { display: none; width: 100%; overflow: scroll; } .new-main-menu .menu-container ul { list-style-type: none; margin: 0; font-weight: bold; } .new-main-menu .menu-container ul li a { color: white; text-transform: uppercase; width: 100%; display: block; padding: 10px 20px; -webkit-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } .new-main-menu .menu-container ul li a:hover { background: rgba(0, 0, 0, 0.3); -webkit-transition: background 0.2s 0s; transition: background 0.2s 0s; } .new-main-menu .menu-container ul li.current_page_item > a, .new-main-menu .menu-container ul li.current-menu-ancestor > a, .new-main-menu .menu-container ul li.active:not(.highlight):not(.register) > a { color: #a00e31; } .new-main-menu .menu-container ul li ul { padding-left: 10px; font-weight: normal; } .new-main-menu .menu-container ul li.highlight, .new-main-menu .menu-container ul li.register { background: #a00e31; } .new-main-menu .menu-container ul li.highlight:hover, .new-main-menu .menu-container ul li.register:hover { background: #a00e31; } @media screen and (min-width: 950px) { .new-main-menu { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 15px; } .new-main-menu.headroom--not-top .logo-container img { max-height: 80px; } .new-main-menu .logo-container img { max-height: 120px; } .new-main-menu .menu-button-container { display: none; } .new-main-menu .menu-container { display: block !important; height: auto !important; width: auto; padding: 10px; overflow: visible; } .new-main-menu .menu-container ul li { display: inline-block; position: relative; } .new-main-menu .menu-container ul li a { padding: 10px; } .new-main-menu .menu-container ul li ul { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; position: absolute; top: 45px; left: 0; padding: 0; width: 100%; min-width: 190px; background: rgba(0, 0, 0, 0.6); } .new-main-menu .menu-container ul li ul.edge { left: auto; right: 0; } .new-main-menu .menu-container ul li ul li { width: 100%; } .new-main-menu .menu-container ul li ul li ul { left: 100%; top: 0; } .new-main-menu .menu-container ul li ul li ul.edge { left: -100%; } .new-main-menu .menu-container ul li:hover { background: rgba(0, 0, 0, 0.2); } .new-main-menu .menu-container ul li:hover > ul { opacity: 1; visibility: visible; } } body.menu-open { overflow: hidden; } /* ---------------------------------------------------------- Home Page Teaser = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .banner { /*min-height: 670px;*/ background-color: #000000; position: relative; } .banner .banner_bg { /*@include opacity(0);*/ background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -5; } .banner .logo { margin-top: 6em; } .banner .logo a { color: #ffffff; } .banner .logo img { max-height: 150px; width: auto; } .banner .event-info ul { margin-top: 3.25em; } .banner .event-info ul li { color: #ffffff; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-size: 1.5em; margin: 1em 0; padding-bottom: 0px; border-right: 1px solid #404040; } .banner .event-info ul li i.fa, .banner .event-info ul li i.fas, .banner .event-info ul li i.far, .banner .event-info ul li i.fab { color: #a00e31; display: inline-block; margin-right: 15px; } .banner .event-info ul li:last-child { border: none; margin-right: 0; padding-right: 0; } .banner h1, .banner h2 { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 400; } .banner h1 { color: #ffffff; font-size: 2.2em; } .banner h2 { font-size: 1.3em; color: #bfbfbf; } .banner .event-social { margin: 3em 0; } .banner .event-social ul li { color: #ffffff; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.1em; padding-bottom: 0; border-right: 1px solid #404040; } .banner .event-social ul li i.fa, .banner .event-social ul li i.fab, .banner .event-social ul li i.far, .banner .event-social ul li i.fas { margin-right: 10px; } .banner .event-social ul li a { color: #bfbfbf; } .banner .event-social ul li a:hover { color: white; } .banner .event-social ul li:last-child { border: none; margin-right: 0; padding-right: 0; } @media all and (max-width: 1024px) { .banner .event-info, .banner .event-social { width: 98%; } .banner .event-info ul li, .banner .event-social ul li { border: none; } } @media all and (max-width: 480px) { .logo #site-title { font-size: 1.1em; } .banner .event-info, .banner .event-social, .banner h1, .banner h2, .banner .social-links { width: 80%; margin: 0 auto; } .banner .event-info ul li, .banner .event-social ul li, .banner h1 ul li, .banner h2 ul li, .banner .social-links ul li { border: none; } .banner h1, .banner h2, .banner .social-links { margin-bottom: 20px; } } /* ---------------------------------------------------------- Home Page Teaser (new) = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .home-page-hero { position: relative; min-height: 100vh; background-size: cover; background-position: center; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; padding: 80px 10px 0 10px; text-align: center; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; } body.admin-bar .home-page-hero { min-height: calc( 100vh - 32px); padding-top: 100px; } .home-page-hero.has-info-bar { padding-bottom: 150px; } @media screen and (max-width: 782px) { body.admin-bar .home-page-hero { min-height: calc( 100vh - 46px); padding-top: 190px; } } @media screen and (min-width: 950px) { .home-page-hero.has-info-bar { padding-bottom: 42px; } } .home-page-hero .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .home-page-hero h1, .home-page-hero h2 { color: white; font-weight: bold; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; margin: 0; } .home-page-hero h1 { margin-bottom: 20px; } .home-page-hero h2 { margin-top: -10px; font-size: 2rem; } @media all and (max-width: 640px) { .home-page-hero h1 { font-size: 1.7rem; } .home-page-hero h2 { font-size: 1.2rem; } .home-page-hero p { font-size: 1rem; } } .home-page-hero .heading, .home-page-hero .action { z-index: 99; max-width: 1140px; margin: 0 auto; } .home-page-hero .action .cta { font-size: 1.3rem; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .home-page-hero .action .cta:hover { background: #6f0d24; } .home-page-hero .action .cta-items .item { display: inline-block; } .home-page-hero .action .cta-items.speakers .item { border-radius: 50%; border: #ffffff 3px solid; width: 100px; height: 100px; color: #bfbfbf; margin: 5px; } .home-page-hero .action .cta-items.speakers .item .avatar { position: relative; display: inline-block; } .home-page-hero .action .cta-items.speakers .item .avatar img { border-radius: 50%; } .home-page-hero .action .cta-items.speakers .item .avatar .info { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: space-around; -ms-flex-align: space-around; align-items: space-around; padding: 10px; } .home-page-hero .action .cta-items.speakers .item .avatar .info .name { font-size: 0.8rem; } .home-page-hero .action .cta-items.speakers .item .avatar .info .company { display: none; font-size: 1rem; text-transform: uppercase; } .home-page-hero .action .cta-items.speakers .item .avatar:hover .info { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; background-color: rgba(0, 0, 0, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000,endColorstr=#E6000000); zoom: 1; -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 500px) { .home-page-hero .action .cta-items.speakers .item { margin: 10px; width: 150px; height: 150px; } .home-page-hero .action .cta-items.speakers .item .avatar .info .name { font-size: 1rem; } } @media screen and (min-width: 950px) { .home-page-hero .action .cta-items.speakers .item { width: 200px; height: 200px; } .home-page-hero .action .cta-items.speakers .item .avatar .info .name { font-size: 1.2rem; } .home-page-hero .action .cta-items.speakers .item .avatar .info .company { display: block; } } .home-page-hero .action .cta-items.tickets .item { width: 250px; color: #222; margin: 10px; } .home-page-hero .action .cta-items.tickets .item .buytickets_item { padding: 0; border: 1px solid #e6e6e6; background-color: #ffffff; -webkit-background-clip: padding-box; -webkit-border-radius: 2px; -moz-background-clip: padding-box; border-radius: 2px; background-clip: padding-box; position: relative; } .home-page-hero .action .cta-items.tickets .item .buytickets_item .title { margin-top: .8em; font-weight: 400; font-size: 1.5em; } .home-page-hero .action .cta-items.tickets .item .buytickets_item .price { font-weight: 700; } .home-page-hero .action .cta-items.tickets .item .buytickets_item .btn_buy_ticket { padding: 2.5em 0; } .home-page-hero .action .cta-items.tickets .item .buytickets_item .btn_buy_ticket .btn-default { border-radius: 30px !important; border: none; } .home-page-hero .action .post-content { width: 90%; margin: 0 auto; } .home-page-hero .action .post-content p { font-size: 1.2rem; } @media screen and (min-width: 950px) { .home-page-hero .action .post-content { width: 80%; } } .home-page-hero .info-bar { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(161, 18, 50, 0.8); font-size: 1.5rem; font-weight: 300; padding: 10px 0; } .home-page-hero .info-bar .separator { display: none; } .home-page-hero .info-bar span, .home-page-hero .info-bar a, .home-page-hero .info-bar a:visited { margin: 5px; width: calc( 50% - 10px); color: white; white-space: nowrap; } .home-page-hero .info-bar a { text-decoration: none; } .home-page-hero .info-bar a:hover { text-decoration: underline; } @media screen and (min-width: 950px) { .home-page-hero .info-bar .separator { display: inline-block; } .home-page-hero .info-bar .separator:last-of-type { display: none; } } @media screen and (min-width: 500px) { .home-page-hero .info-bar span, .home-page-hero .info-bar a { width: auto; } } @media all and (max-width: 480px) { .home-page-hero .info-bar { font-size: 1rem; } } /* ---------------------------------------------------------- Mini Header = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .mini_header { background-color: #000000; position: relative; min-height: 100px; } @media screen and (min-width: 950px) { .mini_header { min-height: 140px; } } .mini_header.has-header-image { min-height: 300px; } .mini_header .mini_header_bg { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -5; } /* ---------------------------------------------------------- General Posts = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .title_blog_container { border-bottom: 1px solid #e6e6e6; margin-bottom: 2em; padding-bottom: 2em; } article { /*border-bottom: 1px solid lighten($black, 90);*/ margin-bottom: 3em; } article a { color: #a00e31; } article a:hover { color: #890c2a; text-decoration: none; } article h1, article h2, article h3, article h4, article h5, article h6 { font-weight: 700; text-transform: uppercase; font-size: 1.3em; margin-top: 2em; color: #595959; } article h1 { font-size: 1.3em; } article h2 { font-size: 1.2em; } article h3 { font-size: 1.1em; } article h4 { font-size: 1em; } article h5 { font-size: 0.95em; } article h6 { font-size: 0.85em; } h1.title_blog { font-family: "Montserrat", -apple-system, Helvetica, Arial, sans-serif; margin-top: 0.75em; font-size: 1.8em; font-weight: 400; margin-bottom: 0em; color: #383838; } .entry-meta span { text-transform: uppercase; font-weight: 700; font-size: .9em; color: #666666; } .entry-meta span a { color: #666666; } .entry-meta span a:hover { color: #a00e31; } .entry-meta .date:after { content: " \2022 "; } .entry-meta .author:before { content: " \2022 "; } h1.entry-title { font-size: 3em; line-height: 1em; text-transform: initial; margin-top: 0em; } h1.entry-title a { font-weight: 400; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-size: .5em; color: #4d4d4d; } h1.entry-title a:hover { color: #a00e31; } .entry-featured-image { padding: 1em 0; } .entry-featured-image img { -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; border-radius: 5px; background-clip: padding-box; border: 1px solid #e6e6e6; } .entry-excerpt p { font-weight: 400; font-size: 1.25em; color: #666666; } .entry-content p { font-weight: 400; font-size: 1em; color: #666666; } .entry-more { padding: 1em 0 3em 0; } .entry-more .btn-post-more { padding: 7px 20px; } /* ---------------------------------------------------------- Share buttons = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .entry-share b { color: #4d4d4d; } .entry-share a { font-size: .9em; color: #666666; display: inline-block; position: relative; margin: 0 15px; font-size: 1em; } .entry-share a.twitter::before { content: "\f099"; color: #55acee; } .entry-share a.facebook::before { color: #3b5998; font-weight: 900; content: "\f09a"; } .entry-share a.pinterest::before { font-weight: 900; content: "\f0d2"; color: #cb2027; } .entry-share a:hover { color: #a00e31; text-decoration: none; } .entry-share a:before { margin: 0 10px; font-size: 1.3em; font-family: "Font Awesome 5 Brands"; } /* ---------------------------------------------------------- Singele Post = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .entry-tag { margin-bottom: 10px; } .entry-tag b { color: #4d4d4d; } .entry-tag a { margin: 5px; padding: 2px 5px; background: #a00e31; color: #ffffff; font-size: 14px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; text-decoration: none; } .entry-tag a:visited { color: #ffffff; } .entry-tag a:hover { background: #ebeff2; color: #000000; } /* ---------------------------------------------------------- Singele Post = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .single_post article { border-bottom: none; } /* ---------------------------------------------------------- Archive Posts = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .title_blog_container { border-bottom: 1px solid #e6e6e6; margin-bottom: 2em; padding-bottom: 2em; } /* ---------------------------------------------------------- Gallery = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .single-page-gallery_slider { position: relative; } .single-page-gallery_slider .customNavigation-single { /* ---------------------------------------------------------- Next Preview Buttons = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ } .single-page-gallery_slider .customNavigation-single .navpositiongalextent, .single-page-gallery_slider .customNavigation-single .btn.prev-gallery, .single-page-gallery_slider .customNavigation-single .btn.next-gallery, .single-page-gallery_slider .customNavigation-single .footer .footer_widgets .gallery_slider .customNavigation .btn.prev-gallery, .footer .footer_widgets .gallery_slider .customNavigation .single-page-gallery_slider .customNavigation-single .btn.prev-gallery, .single-page-gallery_slider .customNavigation-single .footer .footer_widgets .gallery_slider .customNavigation .btn.next-gallery, .footer .footer_widgets .gallery_slider .customNavigation .single-page-gallery_slider .customNavigation-single .btn.next-gallery { position: absolute; top: 0%; padding: 30% 25px 0 25px; font-size: 2em; color: white; background-color: transparent; background-color: rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); zoom: 1; height: 100%; } .single-page-gallery_slider .customNavigation-single .navpositiongalextent:hover, .single-page-gallery_slider .customNavigation-single .btn.prev-gallery:hover, .single-page-gallery_slider .customNavigation-single .btn.next-gallery:hover, .single-page-gallery_slider .customNavigation-single .footer .footer_widgets .gallery_slider .customNavigation .btn.prev-gallery:hover, .footer .footer_widgets .gallery_slider .customNavigation .single-page-gallery_slider .customNavigation-single .btn.prev-gallery:hover, .single-page-gallery_slider .customNavigation-single .footer .footer_widgets .gallery_slider .customNavigation .btn.next-gallery:hover, .footer .footer_widgets .gallery_slider .customNavigation .single-page-gallery_slider .customNavigation-single .btn.next-gallery:hover { color: #b3b3b3; background-color: transparent; background-color: rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); zoom: 1; } .single-page-gallery_slider .customNavigation-single .btn.prev-gallery { left: 0; } .single-page-gallery_slider .customNavigation-single .btn.next-gallery { right: 0; } /* ---------------------------------------------------------- Error page = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .error-page .error-title { font-size: 15em; text-align: center; } .error-page h4 { text-align: center; margin-bottom: 80px; } .error-page .go-home { text-align: center; margin-bottom: 80px; } #contact-form .btn-default, .wpcf7-submit { border-radius: 30px !important; border: none; } /* ---------------------------------------------------------- Page Brake = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .page-link { margin-bottom: 13px; } .page-link span { color: #4d4d4d; font-weight: bold; } .page-link a { margin: 5px; padding: 2px 5px; background: #a00e31; color: #ffffff; font-size: 14px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; text-decoration: none; } .page-link a:visited { color: #ffffff; } .page-link a:hover { background: #ebeff2; color: #000000; } /* ---------------------------------------------------------- Main article on template pages = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .template-main-article { margin: 0 15px; } /*------------------------------------------------------------ Tickets on template page ============================================================*/ .page-template-template-tickets .buytickets { padding: 0 0 1rem 0; background: inherit; } .page-template-template-tickets .buytickets .buytickets_item:hover { border: 1px solid #cccccc; -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.1); } /* ---------------------------------------------------------- Breadcrumbs = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #breadcrumbs { padding: 2em 0 0 0; border: none; background-color: transparent; margin-bottom: 0; } #breadcrumbs > * { font-size: .8em; line-height: 1.7em; text-transform: capitalize; color: #666666; } #breadcrumbs > *:before { content: ""; } #breadcrumbs > * a { color: #666666; } #breadcrumbs > * a:hover { color: #a00e31; text-decoration: none; } #breadcrumbs > *.current { color: #b3b3b3; } #breadcrumbs > *.current a { color: #b3b3b3; } #breadcrumbs > *.current a:hover { color: #999999; text-decoration: none; } /* ---------------------------------------------------------- Navigation Posts (next prev) = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .nav-posts { margin-bottom: 3em; } .nav-posts .nav-previous a:before { content: "\f100 "; font-family: "Font Awesome 5 Free"; } .nav-posts .nav-next a:after { content: " \f101"; font-family: "Font Awesome 5 Free"; } .nav-posts a { text-transform: uppercase; color: #999999; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 400; } .nav-posts a:hover { color: #a00e31; } .nav-posts.panel { border: none; background-color: transparent; padding-left: 0; padding-right: 0; } /* ---------------------------------------------------------- Comments and Comments form = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .comments .comment-header .comment-title { font-size: 1.5rem; } .comments .commentlist { list-style: none; margin-left: 0; } .comments .commentlist .thread-even { background: #fcfcfc; } .comments .commentlist .comment { border: 1px solid #e6e6e6; padding: 20px; } .comments .commentlist .children { list-style: none; background: white; } .comments article { margin-bottom: 20px; } .comments .entry-header { border: none; padding-left: 0; margin-bottom: 0px; } .comments .entry-header img { -webkit-background-clip: padding-box; -webkit-border-radius: 80px; -moz-background-clip: padding-box; border-radius: 80px; background-clip: padding-box; margin-right: 10px; border: 1px solid #e6e6e6; } .comments .entry-footer .posted-on { margin-right: 20px; } .comments .entry-footer .reply-link { margin-right: 20px; } /* ---------------------------------------------------------- Respond = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #respond .page-header .comment-title { font-family: "Montserrat", -apple-system, Helvetica, Arial, sans-serif; padding-bottom: 1em; font-size: 1.5em; color: #1a1a1a; } #respond #commentform { margin-bottom: 3em; } #respond #commentform input[type="text"], #respond #commentform textarea { border: 1px solid #e6e6e6; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; border-radius: 5px; background-clip: padding-box; width: 100%; padding: 10px 5px; } #respond #commentform input[type="submit"] { border-radius: 30px !important; padding: 10px 40px; border: none; } #respond .comment-notes, #respond .logged-in-as { margin-left: 10px; color: #b3b3b3; } #respond .comment-form-comment { margin-left: 10px; margin-right: 10px; } /* ---------------------------------------------------------- Widget Latest Posts on Homepage Similar Posts on Post page = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .similar_posts { margin-bottom: 2em; } .similar_posts h3 { font-family: "Montserrat", -apple-system, Helvetica, Arial, sans-serif; margin-bottom: 0.7em; font-size: 1.5em; color: #1a1a1a; } .widget_latestposts_homepage ul li .featuredimg img, .similar_posts ul li .featuredimg img { -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; border-radius: 5px; background-clip: padding-box; border: 1px solid #e6e6e6; width: 100%; height: auto; } .widget_latestposts_homepage ul li .post_title, .similar_posts ul li .post_title { padding-top: 25px; } .widget_latestposts_homepage ul li .post_title a, .similar_posts ul li .post_title a { font-weight: 700; color: #666666; } .widget_latestposts_homepage ul li .post_meta, .similar_posts ul li .post_meta { padding-top: 5px; padding-bottom: 10px; } .widget_latestposts_homepage ul li .post_meta span, .similar_posts ul li .post_meta span { font-weight: 400; font-size: .85em; color: #bfbfbf; } .widget_latestposts_homepage ul li .post_meta .date:after, .similar_posts ul li .post_meta .date:after { content: " \2022"; } .widget_latestposts_homepage ul li .post_meta .date:after:last-child, .similar_posts ul li .post_meta .date:after:last-child { content: none; } .widget_latestposts_homepage ul li .post_excerpt, .similar_posts ul li .post_excerpt { font-weight: 400; color: #666666; } .widget_latestposts_homepage .visit-our-blog, .similar_posts .visit-our-blog { padding: 3em 0; } /* ---------------------------------------------------------- Animate CSS = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .widget-content h2.animate_title { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .btn-default:hover, .btn-default:focus, .wpcf7-submit:hover, .wpcf7-submit:focus { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ---------------------------------------------------------- Site title Animation = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .logo #site-title { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ---------------------------------------------------------- Site description Animation = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .sub-logo #site-description { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mean-container .mean-bar { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-timing-function: easeOutBounce; animation-timing-function: easeOutBounce; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ---------------------------------------------------------- Teaser Animation = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .banner .event-info ul { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .banner .event-social ul { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ---------------------------------------------------------- Speakers Animation = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .speakers ul li .avatar:hover .social { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .speakers ul li .avatar:hover .social a:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ---------------------------------------------------------- Partners Animation = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .partners ul li a:hover img { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ---------------------------------------------------------- Buy Tickets Animation = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .animateBuyTicketsBoxes-0 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .animateBuyTicketsBoxes-1 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .animateBuyTicketsBoxes-2 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .animateBuyTicketsBoxes-3 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .animateBuyTicketsBoxes-4 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .animateBuyTicketsBoxes-5 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.75s; animation-duration: 1.75s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ---------------------------------------------------------- Latest posts Animation = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .widget_latestpost_homepage-0 { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .appleios .widget_latestpost_homepage-0 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .widget_latestpost_homepage-1 { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .appleios .widget_latestpost_homepage-1 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .widget_latestpost_homepage-2 { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .appleios .widget_latestpost_homepage-2 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .widget_latestpost_homepage-3 { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .appleios .widget_latestpost_homepage-3 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .widget_latestpost_homepage-4 { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .appleios .widget_latestpost_homepage-4 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .widget_latestpost_homepage-5 { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.25s; animation-delay: 1.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .appleios .widget_latestpost_homepage-5 { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.25s; animation-delay: 1.25s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .showme { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*----------------------------------------------------------- Calendar -----------------------------------------------------------*/ #calendar_wrap { margin: 0; color: #343434; background: #fff; margin-bottom: 40px; } #wp-calendar, #wp-calendar th, #wp-calendar td { text-align: center; background: none; border: none; } #wp-calendar { background: none; empty-cells: hide; width: 100%; font-size: 12px; } #wp-calendar th { font-style: normal; font-weight: bold; text-transform: capitalize; border-bottom: 1px solid #ddd; } #wp-calendar td { text-align: center; background: #fff; padding: 5px; border-bottom: 1px solid #ddd; } #wp-calendar td:hover { background-color: #fff; } #wp-calendar a { text-decoration: none; display: block; padding: 5px; } #wp-calendar a:hover { background: #f9f9f9; } #wp-calendar caption { font-weight: bold; text-align: center; } #wp-calendar #today { background-color: #f3f3f3; } #wp-calendar caption { text-align: left; width: 100%; padding: 20px 0; font-size: 16px; } #wp-calendar .pad { background-color: #fff; } #wp-calendar #next a { padding-right: 10px; text-align: right; background: #f0f3f5; } #wp-calendar #prev a { padding-left: 10px; text-align: left; background: #f0f3f5; } .item .entry-meta { text-align: center; } /* ---------------------------------------------------------- Widget Page = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .pagecontent .entry-content { text-align: left; } .view-full-page { padding: 3em 0 0 0; text-align: center; } /*-----------------------------------------------------------*/ /* Tag Cloud /*-----------------------------------------------------------*/ .tagcloud { margin: 20px 10px 10px 0px; overflow: hidden; } .tagcloud a { display: block; float: left; margin: 0 10px 10px 0; padding: 10px 20px; background: #a00e31; color: #ffffff; font-size: 14px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; text-decoration: none; } .tagcloud a:visited { color: #ffffff; } .tagcloud a:hover { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #ebeff2; color: #000000; } /* ---------------------------------------------------------- Sidebar Widgets = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .sidebar_widgets aside { margin-bottom: 50px; } .sidebar_widgets aside h3 { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-size: 1.1em; color: #666666; font-weight: 700; position: relative; margin-bottom: 1.8em; margin-top: 0; } .sidebar_widgets aside h3:after { background: #e6e6e6; height: 2px; width: 30%; content: " "; position: absolute; left: 0; bottom: -.8em; } .sidebar_widgets aside ul { list-style-type: none; margin-left: 0; } .sidebar_widgets aside ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0; } .sidebar_widgets aside ul li:hover { background: none; } .sidebar_widgets aside ul li a { font-weight: 400; color: #666666; } .sidebar_widgets aside ul li a:hover { color: #a00e31; } .sidebar_widgets .widget_search label, .sidebar_widgets .widget_search input[type="submit"] { dispaly: none; } .sidebar_widgets .widget_search input[type="text"] { background: #ffffff url(images/search-btn.png) no-repeat 97% 12px; border: 1px solid #e6e6e6; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; border-radius: 5px; background-clip: padding-box; width: 100%; padding: 10px 5px; } /* ---------------------------------------------------------- Widget Quote = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .WPlookAnounce { background-color: #a00e31; } .WPlookAnounce h2 { color: #ffffff; } .WPlookAnounce h3 { color: #ffffff; } .WPlookAnounce a { color: #ffffff; text-decoration: underline; } /* ---------------------------------------------------------- Widget Testimonials = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .testimonials .testimonial_item .description { border: 1px solid #e6e6e6; margin: 15px; padding: 2em 2em 1em 2em; position: relative; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; border-radius: 5px; background-clip: padding-box; min-height: 250px; } .testimonials .testimonial_item .description p { font-weight: 400; color: #1a1a1a; font-family: "Karma", sans-serif; font-style: italic; } .testimonials .testimonial_item .description p:before { content: "\""; font-size: 22px; } .testimonials .testimonial_item .description p:after { content: " \""; font-size: 22px; } .testimonials .testimonial_item .description:after { top: 100%; left: 18%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #ffffff; border-width: 30px; margin-left: -30px; } .testimonials .testimonial_item .description:before { top: 100%; left: 18%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #e6e6e6; border-width: 31px; margin-left: -31px; } .testimonials .testimonial_item .customers { padding-left: 45px; padding-top: 30px; } .testimonials .testimonial_item .customers img.avatar { float: left; width: 60px; height: 60px; -webkit-background-clip: padding-box; -webkit-border-radius: 60px; -moz-background-clip: padding-box; border-radius: 60px; background-clip: padding-box; } .testimonials .testimonial_item .customers .customers_info { float: left; text-align: left; padding-left: 25px; } .testimonials .testimonial_item .customers .customers_info .name { font-weight: 700; } .testimonials .customNavigation .navpositionextent, .testimonials .customNavigation .btn.prev, .testimonials .customNavigation .btn.next { position: absolute; top: 50%; font-size: 3em; color: #e6e6e6; } .testimonials .customNavigation .navpositionextent:hover, .testimonials .customNavigation .btn.prev:hover, .testimonials .customNavigation .btn.next:hover { color: #b3b3b3; } .testimonials .customNavigation .btn.prev { left: 0; } .testimonials .customNavigation .btn.next { right: 0; } .testimonials .button.owl-dot { background: none; } .touch .customNavigation { display: none; } /* ---------------------------------------------------------- Widget Speakers = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .speakers ul li { margin-bottom: 40px; } .speakers ul li .avatar { position: relative; display: inline-block; margin-bottom: 40px; } .speakers ul li .avatar img { -webkit-background-clip: padding-box; -webkit-border-radius: 215px; -moz-background-clip: padding-box; border-radius: 215px; background-clip: padding-box; } .speakers ul li .avatar .social { display: none; } .speakers ul li .avatar:hover .social { display: block; position: absolute; top: 0; left: 0; -webkit-background-clip: padding-box; -webkit-border-radius: 215px; -moz-background-clip: padding-box; border-radius: 215px; background-clip: padding-box; width: 100%; height: 100%; background-color: transparent; background-color: rgba(0, 0, 0, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000,endColorstr=#E6000000); zoom: 1; } .speakers ul li .avatar:hover .social a { color: #bfbfbf; margin: 0 10px; } .speakers ul li .avatar:hover .social a:hover { color: white; } .speakers ul li .avatar:hover .social a i.fa, .speakers ul li .avatar:hover .social a i.fas, .speakers ul li .avatar:hover .social a i.far, .speakers ul li .avatar:hover .social a i.fab { margin-top: 48%; font-size: 1.4em; } .speakers ul .name a, .speakers ul .company a { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 400; } .speakers ul .name a { color: #1a1a1a; } .speakers ul .name a:hover { color: black; } .speakers ul .company a { color: #b3b3b3; text-transform: uppercase; } .speakers ul .company a:hover { color: #666666; } .speakers .view-all-speakers { padding: 3em 0; } /* ---------------------------------------------------------- Widget Schedule = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .schedule ul li { -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; border-radius: 5px; background-clip: padding-box; margin-bottom: 40px; } .schedule ul li .schedule-body { margin-top: 0px; -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5); } .schedule ul li .schedule-body .event-header { background: #fbfbfb; padding: 20px 10px; } .schedule ul li .day { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; color: #1a1a1a; text-align: center; } .schedule ul li .title { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1.5em; color: #1a1a1a; text-align: center; } .schedule ul li .content { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; color: #666666; } .schedule ul li .content p { font-size: 1.025em; margin-right: 20px; } .schedule ul li .content .accordion .accordion-navigation > a { background: #fff; border-top: 1px solid #e6e6e6; } .schedule ul li .content .accordion dt { display: none; } .schedule ul li .content .accordion .accordion-navigation > a:hover, .schedule ul li .content .accordion dd > a:hover { background: #fafafa; border-top: 1px solid #e6e6e6; } .schedule ul li .content img { width: 60px; height: 60px; -webkit-background-clip: padding-box; -webkit-border-radius: 60px; -moz-background-clip: padding-box; border-radius: 60px; background-clip: padding-box; border: 3px solid #fff; } .schedule ul li .content .event-time { font-size: 14px; } .schedule ul li .content .event-time i { margin-right: 8px; } .schedule ul li .content .event-title { font-size: 20px; font-weight: 400; color: #a00e31; font-weight: 300; } .schedule .view-all-sessions { text-align: center; margin-bottom: 50px; } /* ---------------------------------------------------------- Widget Partners = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .partners ul li { margin-bottom: 20px; } .partners ul li a { border: 1px solid #e6e6e6; display: inline-block; width: 100%; height: 100%; padding: 3em 0; } .partners ul li a img { -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -webkit-filter: gray; filter: gray; /* IE6-9 */ filter: grayscale(100%); } .partners ul li a:hover { border: 1px solid #cccccc; -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.1); } .partners ul li a:hover img { -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -webkit-filter: gray; filter: gray; /* IE6-9 */ filter: grayscale(0%); } .partners .view-all-partners { padding: 3em 0; } /* ---------------------------------------------------------- Widget Maps = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .maps { position: relative; } .maps .wplook-google-map { min-height: 375px; width: 100%; } .maps .map-location { display: inline-block; min-width: 300px; background-color: #ffffff; position: absolute; top: 10%; left: 15%; } .maps .map-location h2 { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5em; margin-left: 1.1rem; } .maps .map-location ul { list-style-type: none; } .maps .map-location .title { font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 700; margin-top: 1rem; } .maps .map-location a { color: #a00e31; } .maps .map-location a:hover { color: #710a23; } @media all and (max-width: 1024px) { .maps .map-location { position: static; width: 100%; text-align: center; padding: 3em 0; border-bottom: 1px solid #e6e6e6; } .maps .map-location ul, .maps .map-location h2 { margin: 0 10px; } } /* ---------------------------------------------------------- Widget Mailing List = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .mailinglist { min-height: 160px; background-color: #000000; position: relative; z-index: 1; } .mailinglist .mailinglist_bg { opacity: 0.15; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 15 ")"; filter: alpha(opacity=15); zoom: 1; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -5; } .mailinglist .join { color: #ffffff; font-size: 1.5em; font-weight: 400; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; position: relative; padding-left: 70px; margin-top: 15px; } .mailinglist .join:before { color: #404040; font-size: 1.9em; content: "\f0e0"; position: absolute; font-family: "Font Awesome 5 Free"; left: 0; top: -15px; } .mailinglist input { -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; border-radius: 5px; background-clip: padding-box; border: 1px solid #e6e6e6; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 400; color: #333333; padding: 10px 25px; margin-right: 15px; width: 37%; display: inline-block; margin-top: 15px; } .mailinglist .envelope.medium-12 { margin-bottom: 1em; } .mailinglist .small-12 input, .mailinglist .small-12 button { margin-bottom: 1em; } @media all and (max-width: 1035px) { .mailinglist input { width: 36%; } } @media all and (max-width: 820px) { .mailinglist input { width: 98%; } } /*----------------------------------------------------------- Social Widget -----------------------------------------------------------*/ .social-widget-margin { padding: 0px 0px; } .social-widget-margin a, .social-widget-margin a:visited { float: left; width: 40px; height: 38px; margin: 0 25px 25px 0px; text-align: center; text-decoration: none; line-height: 38px; color: #fff; padding-top: 2px; background: rgba(0, 0, 0, 0.25); } .social-widget-margin a:hover { color: #fff; } .social-widget-margin .social-item-twitter a:hover, .social-widget-margin .social-item-facebook a:hover, .social-widget-margin .social-item-rss a:hover, .social-widget-margin .social-item-gplus a:hover, .social-widget-margin .social-item-youtube a:hover, .social-widget-margin .social-item-linkedin a:hover, .social-widget-margin .social-item-instagram a:hover, .social-widget-margin .social-item-github a:hover, .social-widget-margin .social-item-pinterest a:hover, .social-widget-margin .social-item-vimeo a:hover, .social-widget-margin .social-item-lastfm a:hover, .social-widget-margin .social-item-soundcloud a:hover, .social-widget-margin .social-item-vk a:hover, .social-widget-margin .social-item-odnoklassniki a:hover, .social-widget-margin .social-item-flickr a:hover { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff !important; } .social-widget-margin .social-item-twitter a:hover { background: #00aced; } .social-widget-margin .social-item-facebook a:hover { background: #3b5998; } .social-widget-margin .social-item-rss a:hover { background: #ff9900; } .social-widget-margin .social-item-gplus a:hover { background: #d34836; } .social-widget-margin .social-item-youtube a:hover { background: #bb0000; } .social-widget-margin .social-item-linkedin a:hover { background: #007bb6; } .social-widget-margin .social-item-instagram a:hover { background: #517fa4; } .social-widget-margin .social-item-github a:hover { background: #ac5e54; } .social-widget-margin .social-item-pinterest a:hover { background: #cb2027; } .social-widget-margin .social-item-vimeo a:hover { background: #45bbff; } .social-widget-margin .social-item-lastfm a:hover { background: #D51007; } .social-widget-margin .social-item-soundcloud a:hover { background: #ff5800; } .social-widget-margin .social-item-flickr a:hover { background: #ff0084; } .social-widget-margin .social-item-odnoklassniki a:hover { background: #ed812b; } .social-widget-margin .social-item-vk a:hover { background: #45668e; } /* ---------------------------------------------------------- Widget Buy Tickets = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .buytickets { background-color: #000000; position: relative; z-index: 1; } .buytickets.tickets-shortcode { background: none; } .buytickets .buytickets_bg { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 20 ")"; filter: alpha(opacity=20); zoom: 1; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -5; } .buytickets h2 { color: #ffffff; } .buytickets h2:after { background: #666666; } .buytickets ul li .buytickets_item { padding: 1em; border: 1px solid #e6e6e6; background-color: #ffffff; -webkit-background-clip: padding-box; -webkit-border-radius: 2px; -moz-background-clip: padding-box; border-radius: 2px; background-clip: padding-box; position: relative; } .buytickets ul li .buytickets_item .title { margin-top: .8em; font-weight: 400; font-size: 1.5em; } .buytickets ul li .buytickets_item .price { font-weight: 700; } .buytickets ul li .buytickets_item .description { font-weight: 400; margin-top: 1.5em; } .buytickets ul li .buytickets_item .btn_buy_ticket { padding: 2.5em 0 4em 0; } .buytickets ul li .buytickets_item .btn_buy_ticket .btn-default { border-radius: 30px !important; border: none; } .buytickets ul li .buytickets_item .promo { width: 120px; height: 100px; overflow: hidden; position: absolute; top: -1px; right: -1px; } .buytickets ul li .buytickets_item .promo .green { font-weight: bold; font-family: Sans-Serif; color: #333; font-size: 12px; text-transform: uppercase; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; padding: 6px 0; left: 4px; top: 20px; width: 155px; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1); background: linear-gradient(135deg, #36d278, #27ae60); color: #ffffff; } .buytickets ul li .buytickets_item .promo .green:before, .buytickets ul li .buytickets_item .promo .green:after { content: ""; /* Colour of the triangle. To flip the effect, use border-bottom. */ border-top: 1px solid #27ae60; border-left: 1px solid transparent; border-right: 1px solid transparent; position: absolute; bottom: -1px; /* +1 to compensate for the border */ } .buytickets ul li .buytickets_item .promo .green:before { left: 0; } .buytickets ul li .buytickets_item .promo .green:after { right: 0; } .buytickets ul li .buytickets_item .promo .orange { font-weight: bold; font-family: Sans-Serif; color: #333; font-size: 12px; text-transform: uppercase; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; padding: 6px 0; left: 4px; top: 20px; width: 155px; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1); background: linear-gradient(135deg, #f96f4a, #f74819); color: #ffffff; } .buytickets ul li .buytickets_item .promo .orange:before, .buytickets ul li .buytickets_item .promo .orange:after { content: ""; /* Colour of the triangle. To flip the effect, use border-bottom. */ border-top: 1px solid #f74819; border-left: 1px solid transparent; border-right: 1px solid transparent; position: absolute; bottom: -1px; /* +1 to compensate for the border */ } .buytickets ul li .buytickets_item .promo .orange:before { left: 0; } .buytickets ul li .buytickets_item .promo .orange:after { right: 0; } .buytickets ul li .buytickets_item .promo .purple { font-weight: bold; font-family: Sans-Serif; color: #333; font-size: 12px; text-transform: uppercase; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; padding: 6px 0; left: 4px; top: 20px; width: 155px; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1); background: linear-gradient(135deg, #a563c1, #8e44ad); color: #ffffff; } .buytickets ul li .buytickets_item .promo .purple:before, .buytickets ul li .buytickets_item .promo .purple:after { content: ""; /* Colour of the triangle. To flip the effect, use border-bottom. */ border-top: 1px solid #8e44ad; border-left: 1px solid transparent; border-right: 1px solid transparent; position: absolute; bottom: -1px; /* +1 to compensate for the border */ } .buytickets ul li .buytickets_item .promo .purple:before { left: 0; } .buytickets ul li .buytickets_item .promo .purple:after { right: 0; } .buytickets .view-all-tickets { padding: 4em 0 3em 0; } /*----------------------------------------------------------- Countdown widget -----------------------------------------------------------*/ .clock .time-unit { width: 180px; height: 180px; display: inline-block; border: 3px solid #a00e31; border-radius: 50%; margin: 20px; } .clock .time-unit div { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .clock .time-unit div span { font-size: 4rem; line-height: 4rem; } @media all and (max-width: 1024px) { .clock .time-unit { width: 150px; height: 150px; margin: 15px; } } @media all and (max-width: 768px) { .clock .time-unit { width: 130px; height: 130px; margin: 10px; } } /* Home page default widgets */ .custom-widgets-home { padding: 3em 0; border-bottom: 1px solid #e6e6e6; } /*----------------------------------------------------------- Instagram & Flickr widgets -----------------------------------------------------------*/ .instagram-widget-body, .flickr-widget-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .instagram-widget-body a, .flickr-widget-body a { width: calc( 32% - 2px); display: inline-block; margin: 5px; } .instagram-widget-body a:nth-child(3n+1), .flickr-widget-body a:nth-child(3n+1) { margin-left: 0; } .instagram-widget-body a:nth-child(3n), .flickr-widget-body a:nth-child(3n) { margin-right: 0; } .instagram-widget-body a img, .flickr-widget-body a img { width: 100%; } /* ---------------------------------------------------------- Footer = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .footer { background-color: #000000; position: relative; z-index: 1; } .footer .footer_bg { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 20 ")"; filter: alpha(opacity=20); zoom: 1; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -5; } .footer .custom-widgets-home { padding: 0; border: none; } .footer .footer_widgets { padding: 3em 0; } .footer .footer_widgets aside h3 { font-family: "Montserrat", -apple-system, Helvetica, Arial, sans-serif; font-size: 1.2em; color: #ffffff; font-weight: 400; position: relative; margin-bottom: 2em; } .footer .footer_widgets aside h3:after { background: #666666; height: 3px; width: 20%; content: " "; position: absolute; left: 0; bottom: -1em; } .footer .footer_widgets aside ul { list-style-type: none; margin-left: 0; } .footer .footer_widgets aside li, .footer .footer_widgets aside a, .footer .footer_widgets aside p { color: #ffffff; font-family: "Lato", -apple-system, Helvetica, Arial, sans-serif; font-weight: 400; } .footer .footer_widgets aside a:hover { color: #a00e31; } .footer .footer_widgets aside li { border-bottom: 1px solid rgba(128, 128, 128, 0.4); margin-bottom: 10px; padding-bottom: 10px; } .footer .footer_widgets aside li:last-child { border-bottom: none; } .footer .footer_widgets aside .post_meta span { font-weight: 400; font-size: .85em; color: #cccccc; } .footer .footer_widgets aside .post_meta .date:after { content: " \2022"; } .footer .footer_widgets .gallery_slider { position: relative; } .footer .footer_widgets .gallery_slider img { width: 100%; height: auto; } .footer .footer_widgets .gallery_slider .customNavigation { /* ---------------------------------------------------------- Next Preview Buttons = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ } .footer .footer_widgets .gallery_slider .customNavigation .navpositiongalextent, .footer .footer_widgets .gallery_slider .customNavigation .btn.prev-gallery, .footer .footer_widgets .gallery_slider .customNavigation .btn.next-gallery { position: absolute; top: 0%; padding: 25% 5px 0 5px; font-size: 2em; color: white; background-color: transparent; background-color: rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); zoom: 1; height: 100%; z-index: 999; } .footer .footer_widgets .gallery_slider .customNavigation .navpositiongalextent:hover, .footer .footer_widgets .gallery_slider .customNavigation .btn.prev-gallery:hover, .footer .footer_widgets .gallery_slider .customNavigation .btn.next-gallery:hover { color: white; background-color: transparent; background-color: rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); zoom: 1; } .footer .footer_widgets .gallery_slider .customNavigation .btn.prev-gallery { left: 0; } .footer .footer_widgets .gallery_slider .customNavigation .btn.next-gallery { right: 0; } .footer .footer_copyright { background-color: transparent; background-color: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000); zoom: 1; padding: 3em 0 2em 0; color: #cccccc; font-weight: 400; } .footer .footer_copyright a { color: #d9d9d9; } .footer .footer_copyright a:hover { color: #a00e31; }