Added CSS3 animation support for Safari

* Added CSS3 animation support for Safari browser 4.0 - 8.0
* Added CSS3 transition support for Safari browser prior 6.1
* Added CSS3 keyframes support for Safari browser prior 10.0

style-rtl.css

@@ -1641,18 +1641,22 @@ button, input[type="button"], input[type="reset"], input[type="submit"] {
   position:relative;
   overflow:hidden;
   display:flex;
+  display: -webkit-flex;
   flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
   justify-content: center;
+  -webkit-justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
+  -webkit-align-items: flex-start;
+  -webkit-align-content: flex-start;
   height:50vw;
   min-height:400px;
   max-height:550px;
   min-width:300px;
   color:#eee;
 }
 .hero-media img{
-  content:"";
   width:100%;
   /*height:100%;*/
   position:absolute;
@@ -1665,9 +1669,23 @@ button, input[type="button"], input[type="reset"], input[type="submit"] {
   background-size:cover;
   background-attachment:fixed;
   animation: grow 60s  linear 10ms infinite;
+  -webkit-animation-duration: 60s;
+  -webkit-animation-timing-function: linear;
+  -webkit-animation-delay: 10ms;
+  -webkit-animation-iteration-count: infinite;
+  -webkit-animation-direction: normal;
+  -webkit-animation-fill-mode: none;
+  -webkit-animation-play-state: running;
+  -webkit-animation-name: grow;
   transition:all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;  
   z-index:-2
 }
+@-webkit-keyframes grow{
+  0% { -webkit-transform:scale(1)}
+  50% { -webkit-transform:scale(1.2)}
+  100% { -webkit-transform:scale(1)}
+}
 .header-hero a{
   color:#eee
 }
@@ -1693,10 +1711,6 @@ button, input[type="button"], input[type="reset"], input[type="submit"] {
 .hero-btn{
   /*font-style:italic;*/
 }
-@keyframes grow{
-  0% { transform:scale(1)}
-  50% { transform:scale(1.2)}
-}
 
 @media all and (max-width: 480px) { 
 	.hero-description {

style.css

@@ -5,7 +5,7 @@ Theme URI: https://github.com/kevinbazira/algori-shop
 Author: Kevin Bazira  
 Author URI: http://kevinbazira.com/
 Description: A Free Gutenberg Ready WooCommerce WordPress Theme with a clean and professional design that will be a great solution for your Modern eCommerce Shop. It's designed to help you showcase your products and sell more with just about any type of online store.
-Version: 1.1.1
+Version: 1.1.2
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
 Text Domain: algori-shop
@@ -1644,18 +1644,22 @@ button, input[type="button"], input[type="reset"], input[type="submit"] {
   position:relative;
   overflow:hidden;
   display:flex;
+  display: -webkit-flex;
   flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
   justify-content: center;
+  -webkit-justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
+  -webkit-align-items: flex-start;
+  -webkit-align-content: flex-start;
   height:50vw;
   min-height:400px;
   max-height:550px;
   min-width:300px;
   color:#eee;
 }
 .hero-media img{
-  content:"";
   width:100%;
   /*height:100%;*/
   position:absolute;
@@ -1668,9 +1672,23 @@ button, input[type="button"], input[type="reset"], input[type="submit"] {
   background-size:cover;
   background-attachment:fixed;
   animation: grow 60s  linear 10ms infinite;
+  -webkit-animation-duration: 60s;
+  -webkit-animation-timing-function: linear;
+  -webkit-animation-delay: 10ms;
+  -webkit-animation-iteration-count: infinite;
+  -webkit-animation-direction: normal;
+  -webkit-animation-fill-mode: none;
+  -webkit-animation-play-state: running;
+  -webkit-animation-name: grow;
   transition:all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;  
   z-index:-2
 }
+@-webkit-keyframes grow{
+  0% { -webkit-transform:scale(1)}
+  50% { -webkit-transform:scale(1.2)}
+  100% { -webkit-transform:scale(1)}
+}
 .header-hero a{
   color:#eee
 }
@@ -1696,10 +1714,6 @@ button, input[type="button"], input[type="reset"], input[type="submit"] {
 .hero-btn{
   /*font-style:italic;*/
 }
-@keyframes grow{
-  0% { transform:scale(1)}
-  50% { transform:scale(1.2)}
-}
 
 @media all and (max-width: 480px) { 
 	.hero-description {