/* Theme Name: Divi 10X Basic Theme URI: https://www.10xdivi.com Description: Divi 10X Basic Child Theme Author: 10XDivi Author URI: https://www.10xdivi.com Template: Divi Version: 1.0.0 License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.en.html Tags: Divi, 10x Basic, Child Theme Text Domain: tenx_basic */ /* 10X Basic Child Theme Copyright (C) 2020 10X Divi This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . ========== CREDITS: Parts of this theme are based on and/or copied from WordPress, copyright 2011-2020 by the contributors. Licensed under the GNU General Public License (GPL), version 2 or later. Parts of this theme are based on and/or copied from WooCommerce by Automattic, copyright 2015 by the contributors. Licensed under the GNU General Public License (GPL), version 3 or later. Parts of this theme are based on and/or copied from Divi by Elegant Themes. Licensed under the GNU General Public License (GPL), version 2. See the license.txt file in the theme's root directory for the text of the GPL, version 3. See the GPL2.txt file in the theme's root directory for the text of the GPL, version 2. */ /* Modifications by 10X Divi: 2020-05-21 Official Child Theme Launch */ /* * Table of content: * ----------------- * 1. GLOBAL: * - testimonials * - buttons * - meta * - toggle * - pagenavi * - tags * - widget * - sidebar * - back to top button * 3. PAGES * - portfolio * - blog * 4. FOOTER */ /* VARIABLES ------------------------------------------------------- */ :root { --main-dark-color: #141511; --main-color: #81c54e; --main-gradient-color-one: #81c54e; --main-gradient-color-two: #81c54e; } /* ANIMATIONS ------------------------------------------------------- */ @-webkit-keyframes tenx_arrow_moving { 0%, 100% { transform: translateX(20px) translateY(-10px) rotateX(0deg) rotateY(0deg) rotateZ(270deg); } 50% { transform: translateX(20px) translateY(-20px) rotateX(0deg) rotateY(0deg) rotateZ(270deg); } } @keyframes tenx_arrow_moving { 0%, 100% { transform: translateX(20px) translateY(-10px) rotateX(0deg) rotateY(0deg) rotateZ(270deg); } 50% { transform: translateX(20px) translateY(-20px) rotateX(0deg) rotateY(0deg) rotateZ(270deg); } } @-webkit-keyframes nomad_question_mark { 0%, 100% { transform: translateY(-3px); } 50% { transform: translateY(3px); } } @keyframes nomad_question_mark { 0%, 100% { transform: translateY(-3px); } 50% { transform: translateY(3px); } } /* preloader */ .preloader { background-color: #fefefe; bottom: 0; height: 100%; left: 0; overflow: hidden !important; position: fixed; right: 0; top: 0; width: 100%; z-index: 100000; } .preloader .status { background-image: url('../../uploads/2020/06/preloader.svg'); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; height: 146px; left: 50%; margin: -73px 0 0 -73px; position: absolute; top: 50%; width: 146px; -webkit-animation: tenx-pulsing 1s infinite; animation: tenx-pulsing 1s infinite; transform-origin: center center; } #mobile_menu1 { margin-top: 20px !important; } /* hamburger menu color */ .tenx_custom_hamburger_menu_icon div { background: #fff; } /* TRANSITIONS ------------------------------------------------------- */ .tenx_fixed_header_all, .et_pb_menu__logo, .et_pb_menu__menu > nav > ul > li > a { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } /* FIXES ------------------------------------------------------- */ /* fixes - new width for content */ .et_pb_row, .container { width: 90%; } /* fixes - horizontal scroll bug */ #page-container { overflow: hidden; } /* default button styliung */ .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt.disabled, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt.disabled, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt.disabled:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt.disabled:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt.disabled, .et_button_no_icon.woocommerce-page button.button.alt.disabled:hover, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce button.button.alt.disabled, .et_button_no_icon.woocommerce button.button.alt.disabled:hover, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce input.button:hover, .woocommerce input.button, .woocommerce input.button:hover { font-weight: 600 !important; padding: .6em 2em !important; } /* PLUGINS CUSTOM STYLING ------------------------------------------------------- */ /* plugins - testify */ .flex-direction-nav a::before { font-family: ETmodules !important; content: '\34' !important; } .flex-direction-nav a.flex-next::before { content: '\35' !important; } .flex-direction-nav .flex-prev { left: 0 !important; } .flex-direction-nav .flex-next { right: 0 !important; } .testify-testimonials .testimonial-body p { font-size: 1em !important; } /* HEADER & HERO ------------------------------------------------------- */ /* Nomad start ------------------------------------------------------- */ #tenx_header.tenx_fixed_header { background: linear-gradient(90deg,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0.8) 60%) !important; } /*#tenx_header.tenx_fixed_header { background: linear-gradient(90deg,rgba(0,0,0,0.8) 10%,rgba(213,41,48,0.8) 60%) !important; }*/ /* Nomad end ------------------------------------------------------- */ .tenx_fixed_header_all { padding: 10px 0 !important; position: fixed; width: 100%; } .tenx_fixed_header_all.tenx_fixed_header .et_pb_menu__logo { max-width: 65% !important; } .tenx_fixed_header_all.tenx_fixed_header .et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a { padding: 15px 0 !important; } /* classes - fullscreen */ .tenx_fullscreen, .tenx_fullscreen_hero { align-content: center; align-items: stretch; display: flex; flex-direction: column; justify-content: center; } .tenx_fullscreen_hero .et_pb_slider { width: 100%; } .tenx_fullscreen_100_all, .tenx_fullscreen_hero_100_all, .tenx_fullscreen_hero_100_all .et_pb_slides, .tenx_fullscreen_hero_100_all .et_pb_slide, .tenx_fullscreen_hero_100_all .et_pb_slide .et_pb_container { min-height: 100vh; max-height: 2160px; /* for 4k screens */ } .tenx_fullscreen_80_all, .tenx_fullscreen_hero_80_all, .tenx_fullscreen_hero_80_all .et_pb_slides, .tenx_fullscreen_hero_80_all .et_pb_slide, .tenx_fullscreen_hero_80_all .et_pb_slide .et_pb_container { min-height: 80vh; max-height: 1728px; /* for 4k screens */ } .tenx_fullscreen_60_all, .tenx_fullscreen_hero_60_all, .tenx_fullscreen_hero_60_all .et_pb_slides, .tenx_fullscreen_hero_60_all .et_pb_slide, .tenx_fullscreen_hero_60_all .et_pb_slide .et_pb_container { min-height: 60vh; max-height: 1296px; /* for 4k screens */ } /* classes - flex */ .tenx_flex_sidebyside { display: flex; flex-direction: row; flex-wrap: wrap; } .tenx_flex_sidebyside.tenx_left { justify-content: flex-start; } .tenx_flex_sidebyside.tenx_right { justify-content: flex-end; } .tenx_flex_sidebyside.tenx_center { justify-content: center; } /* classes - flex - column content vertically centered */ .tenx_flex_column_content_center { display: flex; flex-direction: column; justify-content: center; } .tenx_flex_row_content_center .et_pb_column { display: flex; flex-direction: column; justify-content: center; } /* classes - overlay */ .tenx_overlay_dark_10 .et_parallax_bg, .tenx_overlay_dark_20 .et_parallax_bg, .tenx_overlay_dark_30 .et_parallax_bg, .tenx_overlay_dark_40 .et_parallax_bg, .tenx_overlay_dark_50 .et_parallax_bg { background-blend-mode: multiply; } .tenx_overlay_dark_10 .et_parallax_bg { background-color: rgba(0, 0, 0, 0.1); } .tenx_overlay_dark_20 .et_parallax_bg { background-color: rgba(0, 0, 0, 0.2); } .tenx_overlay_dark_30 .et_parallax_bg { background-color: rgba(0, 0, 0, 0.3); } .tenx_overlay_dark_40 .et_parallax_bg { background-color: rgba(0, 0, 0, 0.4); } .tenx_overlay_dark_50 .et_parallax_bg { background-color: rgba(0, 0, 0, 0.5); } @media all and (min-width: 1405px) { } @media all and (min-width: 1100px) and (max-width: 1405px) { } @media all and (min-width: 981px) and (max-width: 1099px) { } @media all and (min-width: 981px) { /* Malqka start ------------------------------------------------------- */ .tenx_section_arrow_down::before { transform: translateX(-700px) translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(270deg) !important; width: 102px !important; } /* Malqka end ------------------------------------------------------- */ /* HEADER & HERO ------------------------------------------------------- */ .tenx_fixed_header_desktop { position: fixed; width: 100%; } .et_pb_menu--with-logo .et_pb_menu__menu > nav > ul { -webkit-box-align: center !important; -ms-flex-align: stretch !important; align-items: center !important; } .et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a { padding: 20px 0 !important; } /* classes - featured menu button */ /*.tenx_featured_menu_item { background-color: #81c54e; border-radius: 3px; padding-left: 20px; padding-right: 20px; } */ /* classes - fullscreen */ .tenx_fullscreen_100_desktop, .tenx_fullscreen_hero_100_desktop, .tenx_fullscreen_hero_100_desktop .et_pb_slides, .tenx_fullscreen_hero_100_desktop .et_pb_slide, .tenx_fullscreen_hero_100_desktop .et_pb_slide .et_pb_container { min-height: 100vh; max-height: 2160px; /* for 4k screens */ } .tenx_fullscreen_80_desktop, .tenx_fullscreen_hero_80_desktop, .tenx_fullscreen_hero_80_desktop .et_pb_slides, .tenx_fullscreen_hero_80_desktop .et_pb_slide, .tenx_fullscreen_hero_80_desktop .et_pb_slide .et_pb_container { min-height: 80vh; max-height: 1728px; /* for 4k screens */ } .tenx_fullscreen_60_desktop, .tenx_fullscreen_hero_60_desktop, .tenx_fullscreen_hero_60_desktop .et_pb_slides, .tenx_fullscreen_hero_60_desktop .et_pb_slide, .tenx_fullscreen_hero_60_desktop .et_pb_slide .et_pb_container { min-height: 60vh; max-height: 1296px; /* for 4k screens */ } /* scroll down hero arrow */ .tenx_arrow_down_row { padding: 0 !important; margin: auto auto 0 auto !important; transform: translateY(80px); } .tenx_arrow_down::before { content: 'SCROLL DOWN'; transform: translateX(-10px) rotateX(0deg) rotateY(0deg) rotateZ(270deg); transform-origin: top left; position: absolute; bottom: 0; z-index: 999; color: #fff; font-size: 14px; width: 105px; } .tenx_arrow_down:hover { cursor: pointer; } .tenx_arrow_down::after { content: '\23'; transform: translateX(20px) rotateX(0deg) rotateY(0deg) rotateZ(270deg); transform-origin: top left; font-family: ETmodules !important; width: 20px; height: 20px; font-size: 28px; line-height: .8em; color: #fff !important; position: absolute; bottom: 0; width: 100px; -webkit-animation: tenx_arrow_moving 2s infinite; animation: tenx_arrow_moving 2s infinite; } .tenx_section_arrow_down.tenx_arrow_centered .tenx_arrow_down::before, .tenx_section_arrow_down.tenx_arrow_centered .tenx_arrow_down::after { left: 50%; } .tenx_section_arrow_down.tenx_arrow_left .tenx_arrow_down::before, .tenx_section_arrow_down.tenx_arrow_left .tenx_arrow_down::after { left: 0; } /* classes - flex */ .tenx_flex_sidebyside.tenx_left_desktop { justify-content: flex-start; } .tenx_flex_sidebyside.tenx_right_desktop { justify-content: flex-end; } .tenx_flex_sidebyside.tenx_center_desktop { justify-content: center; } .tenx_featured_menu_item { margin-left: 11px !important; } } @media all and (max-width: 980px) { /*------Nomad start----------*/ .nomad_our_story_section_row_2 { display: flex !important; flex-direction: column-reverse !important; } /*------Nomad end----------*/ /* HEADER - MENU - Animated hamburger on mobile menu */ .tenx_custom_hamburger_menu_icon { box-sizing: border-box; clear: both; cursor: pointer; display: block; height: 1.875rem; padding: 0.25rem; position: relative; width: 1.875rem; } .tenx_custom_hamburger_menu_icon div { border-radius: 10px; height: 0.125rem; margin: 0.25rem auto; width: 100%; -webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65); transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65); -webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65); transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65); -webkit-transform: 0; transform: 0; -webkit-transform-origin: center; transform-origin: center; } .tenx_custom_hamburger_menu_icon div:before, .tenx_custom_hamburger_menu_icon div:after { -webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65); transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65); -webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65); transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65); } /* scroll down hero arrow */ .tenx_arrow_down_row { display: none; } /* Toggled styling */ .tenx_custom_hamburger_menu_icon.tenx_custom_hamburger_menu_icon_toggled div { width: 100%; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65); animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65); } .tenx_custom_hamburger_menu_icon.tenx_custom_hamburger_menu_icon_toggled div:after, .tenx_custom_hamburger_menu_icon.tenx_custom_hamburger_menu_icon_toggled div:before { width: 100%; } .tenx_custom_hamburger_menu_icon.tenx_custom_hamburger_menu_icon_toggled div:first-child { -webkit-transform: translateY(0.375rem) rotate(45deg); transform: translateY(0.375rem) rotate(45deg); } .tenx_custom_hamburger_menu_icon.tenx_custom_hamburger_menu_icon_toggled div:not(:first-child):not(:last-child) { opacity: 0; } .tenx_custom_hamburger_menu_icon.tenx_custom_hamburger_menu_icon_toggled div:last-child { -webkit-transform: translateY(-0.375rem) rotate(-45deg); transform: translateY(-0.375rem) rotate(-45deg); } #tenx_header .mobile_menu_bar:before, #tenx_header .mobile_menu_bar:after { display: none; } } @media all and (min-width: 768px) and (max-width: 980px) { /* classes - flex */ .tenx_flex_sidebyside.tenx_left_tablet { justify-content: flex-start; } .tenx_flex_sidebyside.tenx_right_tablet { justify-content: flex-end; } .tenx_flex_sidebyside.tenx_center_tablet { justify-content: center; } } @media all and (max-width: 767px) { /* classes - flex */ .tenx_flex_sidebyside.tenx_left_mobile { justify-content: flex-start; } .tenx_flex_sidebyside.tenx_right_mobile { justify-content: flex-end; } .tenx_flex_sidebyside.tenx_center_mobile { justify-content: center; } .et_pb_row_1_tb_footer { display: flex; flex-direction: column !important; } } @media all and (max-width: 600px) { /* fixes - when admin bar becomes static, fixed header moves to the top */ .admin-bar .tenx_fixed_header_all { top: 46px; } .admin-bar .tenx_fixed_header_all.tenx_fixed_header { top: 0; } } /*-------Nomad------*/ .nomad_border_modul .et_pb_bg_layout_light { line-height: 1.69em; margin-left: auto!important; margin-right: auto!important; background-image: linear-gradient(90deg,#ee3342 50%,rgba(0,0,0,0) 100%); height: 4px; max-width: 350px; } #tenx_header.tenx_fixed_header .et_pb_menu ul li a { font-size: 16px !important; } /*#tenx_header.tenx_fixed_header .et_pb_menu ul li a { font-size: 16px; } */ .tenx_featured_menu_item { border-color: white; border-radius: 3px; border-style: solid; border-width: 1px; padding-right: 20px; } .et_parallax_bg.et_pb_parallax_css { -webkit-animation: kenburns 40s infinite; animation: kenburns 40s infinite; } .nomad_image_style_one { position: relative; } .nomad_image_style_one::before, .nomad_image_style_one::after { border: 3px solid #d52930; content:''; height: 30px; opacity: 1; position: absolute; width: 30px; z-index: 999; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .nomad_image_style_one::before { border-width: 2px 0 0 2px; left: 5px; top: 5px; } .nomad_image_style_one::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } #nomad_section_our_work .et_pb_column:hover .nomad_image_style_one::before { left: 15px; top: 15px; opacity: 0; height: 0px; width: 0px; } #nomad_section_our_work .et_pb_column:hover .nomad_image_style_one::after { bottom: 15px; right: 15px; opacity: 0; height: 0px; width: 0px; } .nomad_footer_title { position: relative; padding-bottom: 10px !important; } .nomad_footer_title::after { content: ''; border-bottom: 2px solid #e02b20; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; } .et_pb_row_1_tb_footer { display: flex; flex-direction: inherit; } @-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 40% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } @keyframes kenburns { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 40% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } }