Plugin Directory

Changeset 2026357


Ignore:
Timestamp:
02/07/2019 08:00:44 AM (7 years ago)
Author:
webtechstreet
Message:

1.2 restored

Location:
addon-elements-for-elementor-page-builder/trunk
Files:
10 edited

Legend:

Unmodified
Added
Removed
  • addon-elements-for-elementor-page-builder/trunk/assets/css/eae.css

    r2026355 r2026357  
    239239}
    240240.eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-front {
    241     transform: perspective(0px) rotateX(-90deg) rotateY(0) rotateZ(0deg);
     241        transform: perspective(0px) rotateX(-90deg) rotateY(0) rotateZ(0deg);
    242242}
    243243.eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-back {
     
    319319@media only screen and (max-width: 768px) {
    320320
    321     .flipbox-content, .eae-flip-box-front, .eae-flip-box-back{
    322         cursor:pointer;
    323         overflow: visible !important;
    324         transform-style: preserve-3d;
    325         -webkit-transform-style: preserve-3d;
     321.flipbox-content, .eae-flip-box-front, .eae-flip-box-back{
     322    cursor:pointer;
     323    overflow: visible !important;
     324    transform-style: preserve-3d;
     325    -webkit-transform-style: preserve-3d;
    326326    }
    327327}
     
    11791179        padding: 0; } }
    11801180
    1181 
    1182 .elementor-element.eae-animated-gradient-yes {
    1183     background-size: 400% 400% !important;
    1184     -webkit-animation: AnimateGradient 15s ease-in-out infinite;
    1185     -moz-animation: AnimateGradient 15s ease-in-out infinite;
    1186     animation: AnimateGradient 15s ease-in-out infinite;
    1187 }
    1188 @-webkit-keyframes AnimateGradient {
    1189     0% {
    1190         background-position: 0% 50%
    1191     }
    1192     50% {
    1193         background-position: 100% 50%
    1194     }
    1195     100% {
    1196         background-position: 0% 50%
    1197     }
    1198 }
    1199 @-moz-keyframes AnimateGradient {
    1200     0% {
    1201         background-position: 0% 50%
    1202     }
    1203     50% {
    1204         background-position: 100% 50%
    1205     }
    1206     100% {
    1207         background-position: 0% 50%
    1208     }
    1209 }
    1210 @keyframes AnimateGradient {
    1211     0% {
    1212         background-position: 0% 50%
    1213     }
    1214     50% {
    1215         background-position: 100% 50%
    1216     }
    1217     100% {
    1218         background-position: 0% 50%
    1219     }
    1220 }
    1221 
    1222 /*--------------------------------Testimonial Slider----------------------------*/
    1223 
    1224 .eae-swiper-outer-wrapper .swiper-slide{
    1225     height: auto;
    1226     overflow: inherit;
    1227 }
    1228 .eae-swiper-outer-wrapper .swiper-slide-wrapper , .eae-swiper-outer-wrapper .testimonial-wrapper{
    1229     height: 100%;
    1230 }
    1231 
    1232 .eae-grid {
    1233     display: flex;
    1234     flex-wrap: wrap;
    1235     flex-direction: row;
    1236 }
    1237 .eae-masonry- .eae-grid-item {
    1238     position: relative;
    1239     height: 100%;
    1240 }
    1241 .eae-masonry- .eae-grid-item .testimonial-wrapper{
    1242     height: 100%;
    1243 }
    1244 .eae-grid-container  {
    1245     transition: 0.1s all ease;
    1246 }
    1247 .eae-grid-container{
    1248     display: inline-block;
    1249 }
    1250 
    1251 .wrapper .content{
    1252     margin: 10px 0;
    1253 }/*------------------------skin-2------------------*/
    1254 .skin-2.testimonial-wrapper{
    1255     display: flex;
    1256     flex-direction: column;
    1257     background-color: #9c989821;
    1258     min-height: 300px;
    1259     padding: 10px 20px;
    1260     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    1261     color : #696969;
    1262 }
    1263 .skin-2 .content-wrapper{
    1264     padding: 10px;
    1265     position: relative;
    1266     background-color: #fff;
    1267     border-radius: 10px;
    1268     color: #77778E;
    1269 
    1270 }
    1271 .skin-2 i.before-content , .skin-2 i.after-content{
    1272     position: absolute;
    1273 }
    1274 .skin-2 i.before-content{
    1275     top : 10px;
    1276     left : 20px;
    1277 }
    1278 .skin-2 i.after-content{
    1279     bottom : 10px;
    1280     right: 20px;
    1281 }
    1282 .skin-2 blockquote{
    1283     position: relative;
    1284     font-size: 14px;
    1285     padding: 10px;
    1286     font-weight: 500;
    1287     text-align: left;
    1288     margin: 0;
    1289     line-height: 1.6em;
    1290     font-style: italic;
    1291 }
    1292 .skin-2 blockquote::before , .skin-2 blockquote::after{
    1293     font-family: 'FontAwesome';
    1294     content: "\201C";
    1295     position: absolute;
    1296     font-size: 50px;
    1297     opacity: 0.3;
    1298     font-style: normal;
    1299 }
    1300 
    1301 .skin-2 blockquote::before{
    1302     top : 10px;
    1303     left: 20px;
    1304 }
    1305 .skin-2 blockquote::after{
    1306     content: "\201D";
    1307     right: 20px;
    1308 
    1309 }
    1310 .skin-2 .image-wrapper{
    1311     position: relative;
    1312     max-width: 100%;
    1313     text-align: center;
    1314 }
    1315 .skin-2 img{
    1316     width: 100px;
    1317     border-radius: 25%
    1318 }
    1319 .skin-2 .detail-wrapper{
    1320     text-align : center;
    1321 }
    1322 .skin-2 .rating-wrapper , .skin-2 .title , .skin-2 .designation , .skin-2 .company{
    1323     padding: 5px 0;
    1324 }
    1325 .skin-2 .rating-wrapper{
    1326     color : #000080;
    1327 }
    1328 
    1329 .skin-2 .title{
    1330     font-weight: 800;
    1331     color: #000000;
    1332 }
    1333 .skin-2 blockquote p{
    1334     margin : 10px 0 !important;
    1335 }
    1336 
    1337 /*------------------------skin-1------------------*/
    1338 
    1339 .skin-1.testimonial-wrapper{
    1340     display: flex;
    1341     flex-direction: column;
    1342     background-color: #ffffff;
    1343     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    1344     color : black;
    1345 }
    1346 .skin-1 .content-wrapper{
    1347     order : 0;
    1348 }
    1349 .skin-1 .image-wrapper{
    1350     order : 1;
    1351     text-align: center;
    1352     margin: 15px 0;
    1353 }
    1354 .skin-1 .detail-wrapper{
    1355     order : 2;
    1356 }
    1357 .skin-1 .content-wrapper{
    1358     padding: 10px;
    1359     position: relative;
    1360 }
    1361 .skin-1 i.before-content , .skin-1 i.after-content{
    1362     position: absolute;
    1363 }
    1364 .skin-1 i.before-content{
    1365     top : 10px;
    1366     left : 20px;
    1367 }
    1368 .skin-1 i.after-content{
    1369     bottom : 10px;
    1370     right: 20px;
    1371 }
    1372 .skin-1 blockquote{
    1373     position: relative;
    1374     background-color: #ffffff;
    1375     font-size: 14px;
    1376     padding: 10px;
    1377     font-weight: 500;
    1378     text-align: left;
    1379     margin: 0;
    1380     line-height: 1.6em;
    1381     font-style: italic;
    1382 }
    1383 .skin-1 blockquote::before , .skin-1 blockquote::after{
    1384     font-family: 'FontAwesome';
    1385     content: "\201C";
    1386     position: absolute;
    1387     font-size: 50px;
    1388     opacity: 0.3;
    1389     font-style: normal;
    1390 }
    1391 
    1392 .skin-1 blockquote::before{
    1393     top : 10px;
    1394     left: 20px;
    1395 }
    1396 .skin-1 blockquote::after{
    1397     content: "\201D";
    1398     right: 20px;
    1399 
    1400 }
    1401 .skin-1 .image-wrapper{
    1402     position: relative;
    1403     max-width: 100%;
    1404 }
    1405 .skin-1 img{
    1406     width: 100px;
    1407     height: auto;
    1408     border-radius: 50%;
    1409 }
    1410 .skin-1 .detail-wrapper{
    1411     display: flex;
    1412     flex-direction: row-reverse;
    1413     justify-content: space-between;
    1414     padding: 10px;
    1415     background-color: rgba(157,163,156,0.18);
    1416 }
    1417 .skin-1 .rating-wrapper , .skin-1 .title , .skin-1 .designation{
    1418     margin: 0 5px;
    1419 }
    1420 .skin-1 .title-wrapper{
    1421     display: flex;
    1422     flex-direction: row;
    1423 }
    1424 .skin-1 .rating-wrapper{
    1425     color : #fecc1f;
    1426 }
    1427 
    1428 /*------------------------skin-4------------------*/
    1429 
    1430 .skin-4.testimonial-wrapper{
    1431     flex-direction: column;
    1432     display: flex;
    1433     background-color: #bfbfb6bd;
    1434     min-height: 300px;
    1435     padding: 10px 0;
    1436     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    1437     color : #77778E;
    1438 }
    1439 .skin-4 .content-wrapper{
    1440     padding: 10px;
    1441     position: relative;
    1442 }
    1443 .skin-4 .content-wrapper{
    1444     order : 2;
    1445     color: #3C3C3C;
    1446 }
    1447 .skin-4 i.before-content , .skin-4 i.after-content{
    1448     position: absolute;
    1449 }
    1450 .skin-4 i.before-content{
    1451     top : 10px;
    1452     left : 20px;
    1453 }
    1454 .skin-4 i.after-content{
    1455     bottom : 10px;
    1456     right: 20px;
    1457 }
    1458 .skin-4 blockquote{
    1459     position: relative;
    1460     font-size: 14px;
    1461     padding: 10px;
    1462     font-weight: 500;
    1463     text-align: left;
    1464     margin: 0;
    1465     line-height: 1.6em;
    1466     font-style: italic;
    1467 }
    1468 .skin-4 blockquote::before , .skin-4 blockquote::after{
    1469     font-family: 'FontAwesome';
    1470     content: "\201C";
    1471     position: absolute;
    1472     font-size: 50px;
    1473     opacity: 0.3;
    1474     font-style: normal;
    1475 }
    1476 
    1477 .skin-4 blockquote::before{
    1478     top : 10px;
    1479     left: 20px;
    1480 }
    1481 .skin-4 blockquote::after{
    1482     content: "\201D";
    1483     right: 20px;
    1484 
    1485 }
    1486 .skin-4 .image-wrapper{
    1487     position: relative;
    1488     max-width: 100%;
    1489     text-align: center;
    1490 }
    1491 .skin-4 img{
    1492     width: 100px;
    1493     border-radius: 50%
    1494 }
    1495 .skin-4 .detail-wrapper{
    1496     text-align : center;
    1497 }
    1498 .skin-4 .rating-wrapper , .skin-2 .title , .skin-2 .designation{
    1499     padding: 5px 0;
    1500 }
    1501 .skin-4 .rating-wrapper{
    1502     color : #690A69;
    1503 }
    1504 
    1505 .skin-4 .title{
    1506     font-weight: 800;
    1507     color: #000000;
    1508 }
    1509 
    1510 /*------------------------skin-3------------------*/
    1511 
    1512 .skin-3.testimonial-wrapper{
    1513     display: flex;
    1514     flex-direction: row;
    1515     background-color: #9c989821;
    1516     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    1517     color : black;
    1518     overflow: hidden;
    1519 }
    1520 .skin-3 .content-section{
    1521     display: flex;
    1522     flex-direction: column;
    1523     align-self: center;
    1524 }
    1525 .skin-3 .content-wrapper{
    1526     padding: 10px;
    1527     position: relative;
    1528 }
    1529 .skin-3 i.before-content , .skin-2 i.after-content{
    1530     position: absolute;
    1531 }
    1532 .skin-3 i.before-content{
    1533     top : 10px;
    1534     left : 20px;
    1535 }
    1536 .skin-3 i.after-content{
    1537     bottom : 10px;
    1538     right: 20px;
    1539 }
    1540 .skin-3 blockquote{
    1541     position: relative;
    1542     font-size: 18px;
    1543     padding: 10px;
    1544     font-weight: 500;
    1545     text-align: left;
    1546     margin: 0;
    1547     line-height: 1.6em;
    1548     font-style: italic;
    1549 }
    1550 .skin-3 blockquote::before , .skin-3 blockquote::after{
    1551     font-family: 'FontAwesome';
    1552     content: "\201C";
    1553     position: absolute;
    1554     font-size: 50px;
    1555     opacity: 0.3;
    1556     font-style: normal;
    1557 }
    1558 
    1559 .skin-3 blockquote::before{
    1560     top : 10px;
    1561     left: 20px;
    1562 }
    1563 .skin-3 blockquote::after{
    1564     content: "\201D";
    1565     right: 20px;
    1566 
    1567 }
    1568 .skin-3 .image-wrapper{
    1569     position: relative;
    1570     max-width: 30%;
    1571     max-height: 250px;
    1572     text-align: center;
    1573     align-self: center;
    1574 }
    1575 .skin-3 img{
    1576     width: 100%;
    1577 }
    1578 .testimonial-wrapper .skin-3 .eae-person-avatar{ border-radius: 50% ;
    1579 }
    1580 .skin-3 .detail-wrapper{
    1581     text-align : left;
    1582     padding-left: 20px;
    1583 }
    1584 .skin-3 .rating-wrapper , .skin-3 .title , .skin-3 .designation{
    1585     padding: 3px 0;
    1586 }
    1587 .skin-3 .rating-wrapper{
    1588     color : #800040;
    1589 }
    1590 
    1591 .skin-3 .title{
    1592     font-weight: 800;
    1593 }
    1594 .eae-swiper-outer-wrapper .swiper-button-prev{
    1595     -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%;
    1596     mask: url(arrow-left.svg) no-repeat 100% 100%;
    1597     -webkit-mask-size: cover;
    1598     mask-size: cover;
    1599     background-image: none;
    1600     background-color: #007aff;
    1601     transform: translateY(-50%);
    1602     margin-top:0px;
    1603 
    1604 }
    1605 .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-prev{
    1606     -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%;
    1607     mask: url(arrow-right.svg) no-repeat 100% 100%;
    1608 }
    1609 .eae-swiper-outer-wrapper .swiper-button-next{
    1610     -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%;
    1611     mask: url(arrow-right.svg) no-repeat 100% 100%;
    1612     -webkit-mask-size: cover;
    1613     mask-size: cover;
    1614     background-image: none;
    1615     background-color: #007aff;
    1616     transform: translateY(-50%);
    1617     margin-top:0px;
    1618 }
    1619 .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-next{
    1620     -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%;
    1621     mask: url(arrow-left.svg) no-repeat 100% 100%;
    1622 }
    1623 .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-prev, .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-next{
    1624     -webkit-mask: none;
    1625     mask: none;
    1626     -webkit-mask-size: unset;
    1627     mask-size: unset;
    1628     background-image: none;
    1629     background-color: unset;
    1630     width: auto;
    1631     height: auto;
    1632     transform: translateY(-50%);
    1633     margin-top:0px;
    1634 }
    1635 
    1636  .swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i{
    1637     width: 1em;
    1638     height: 1em;
    1639     text-align: center;
    1640     position: relative;
    1641 }
    1642 
    1643 .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .eae-swiper-button-wrapper{ position: absolute; height: auto; line-height: 0;  }
    1644 
    1645 .eae-hpos-right.eae-vpos-top .eae-swiper-button-wrapper{
    1646     bottom: auto; top: 0; width: auto; right: 0;
    1647 }
    1648 .eae-vpos-top.eae-hpos-left .eae-swiper-button-wrapper{
    1649     bottom: auto; top: 0; width: auto; left: 0;
    1650 }
    1651 .eeae-hpos-right.eae-vpos-bottom .eae-swiper-button-wrapper{
    1652     bottom: 0; top: auto; width: auto; right: 0;
    1653 }
    1654 .eae-vpos-bottom.eae-hpos-left .eae-swiper-button-wrapper{
    1655     bottom: 0; top: auto; width: auto; left: 0;
    1656 }
    1657 .eae-hpos-right.eae-vpos-middle .eae-swiper-button-wrapper{
    1658     bottom: auto; top: 50%; width: auto; right: 0;
    1659 }
    1660 .eae-hpos-left.eae-vpos-middle .eae-swiper-button-wrapper{
    1661     bottom: auto; top: 50%; width: auto; left: 0;
    1662 }
    1663 
    1664 .eae-hpos-right .swiper-button-prev, .eae-hpos-left .swiper-button-prev, .eae-hpos-right .swiper-button-next, .eae-hpos-left .swiper-button-next  {
    1665     position: relative;
    1666     display: inline-block;
    1667     right: auto;
    1668     left: auto;
    1669 }
    1670 
    1671 .eae-hpos-right.eae-vpos-bottom .swiper-button-prev, .eae-hpos-right.eae-vpos-bottom .swiper-button-next {
    1672     top: auto;
    1673     bottom: 0;
    1674     transform: unset;
    1675 }
    1676 .eae-hpos-right.eae-vpos-top .swiper-button-next, .eae-hpos-right.eae-vpos-top .swiper-button-prev {
    1677     top: 0;
    1678     bottom: auto;
    1679     transform: unset;
    1680 }
    1681 .eae-hpos-left.eae-vpos-top .swiper-button-prev, .eae-hpos-left.eae-vpos-top .swiper-button-next {
    1682     top: 0;
    1683     bottom: auto;
    1684     transform: unset;
    1685 }
    1686 .eae-hpos-left.eae-vpos-bottom .swiper-button-next, .eae-hpos-left.eae-vpos-bottom .swiper-button-prev {
    1687     top: auto;
    1688     bottom: 0;
    1689     transform: unset;
    1690 }
    1691 .eae-hpos-center.eae-vpos-bottom .swiper-button-next, .eae-hpos-center.eae-vpos-bottom .swiper-button-prev {
    1692     top: auto;
    1693     bottom: 0;
    1694     transform: unset;
    1695 }
    1696 .eae-hpos-center.eae-vpos-top .swiper-button-next, .eae-hpos-center.eae-vpos-top .swiper-button-prev {
    1697     top: 0;
    1698     bottom: auto;
    1699     transform: unset;
    1700 }
    1701 
    1702 
    17031181@media all and (max-width: 900px) {
    17041182    .mfp-arrow {
     
    17131191    .mfp-container {
    17141192        padding-left: 6px;
    1715         padding-right: 6px; }
    1716 }
    1717 
    1718 /* Info Circle */
    1719 .eae-info-circle {
    1720     position: relative;
    1721     width: 90%;
    1722     margin: 0 auto;
    1723     border-radius: 50%;
    1724     display: block;
    1725 }
    1726 
    1727 .eae-info-circle:before {
    1728     content: '';
    1729     display: block;
    1730     position: absolute;
    1731     top: 4%;
    1732     left: 4%;
    1733     width: 92%;
    1734     height: 92%;
    1735     border-radius: 50%;
    1736     z-index: 1;
    1737     -webkit-box-sizing: border-box;
    1738     -moz-box-sizing: border-box;
    1739     box-sizing: border-box;
    1740     pointer-events: none;
    1741 }
    1742 
    1743 .eae-info-circle:after {
    1744     content: '';
    1745     display: block;
    1746     padding-top: 100%;
    1747 }
    1748 
    1749 .eae-info-circle .eae-ic-icon-wrap {
    1750     position: absolute;
    1751     display: inline-block;
    1752     top: 50%;
    1753     left: 50%;
    1754     z-index: 2;
    1755     line-height: 1em;
    1756     vertical-align: middle;
    1757     overflow: hidden;
    1758     max-width: 100%;
    1759 }
    1760 
    1761 .eae-info-circle .eae-info-circle-item {
    1762     position: absolute;
    1763     top: 0;
    1764     left: 0;
    1765     width: 100%;
    1766     height: 100%;
    1767     display: block;
    1768 }
    1769 
    1770 .eae-info-circle .eae-info-circle-item.eae-active .eae-info-circle-item__content-wrap {
    1771     visibility: visible;
    1772     opacity: 1;
    1773     display: flex;
    1774 }
    1775 
    1776 .eae-info-circle .eae-info-circle-item__content-wrap {
    1777     visibility: visible;
    1778     display: none;
    1779     height: 91%;
    1780     width: 91%;
    1781     opacity: 0;
    1782     top: 50%;
    1783     transform: translateY(-50%) translateX(-50%);
    1784     position: absolute;
    1785     left: 50%;
    1786     border-radius: 50%;
    1787     overflow: hidden;
    1788     -webkit-box-sizing: border-box;
    1789     -moz-box-sizing: border-box;
    1790     box-sizing: border-box;
    1791 
    1792 }
    1793 
    1794 .eae-info-circle .eae-info-circle-item__content-wrap:before {
    1795     content: '';
    1796     display: inline-block;
    1797     height: 100%;
    1798     vertical-align: middle;
    1799 }
    1800 
    1801 .eae-info-circle .eae-info-circle-item__content {
    1802     display: inline-block;
    1803     top: 50%;
    1804     transform: translateY(-50%) translateX(-50%);
    1805     position: absolute;
    1806     left: 50%;
    1807     vertical-align: middle;
    1808     z-index: 1;
    1809     max-height: 100%;
    1810     overflow: auto;
    1811     -webkit-box-sizing: border-box;
    1812     -moz-box-sizing: border-box;
    1813     box-sizing: border-box;
    1814     text-align: center;
    1815     width: 75%;
    1816 }
    1817 
    1818 
    1819 /* Mobile */
    1820 @media screen and (max-width: 767px) {
    1821     .eae-info-circle.eae-info-circle .eae-info-circle-item__content-wrap:before {
    1822         display: none;
    1823     }
    1824     .eae-info-circle:before,
    1825     .eae-info-circle:after {
    1826         display: none
    1827     }
    1828 
    1829     .eae-info-circle{
    1830         width: 100% !important;
    1831     }
    1832 
    1833     .eae-info-circle-wrapper:before,
    1834     .eae-info-circle-wrapper:after {
    1835         display: none
    1836     }
    1837     .eae-info-circle .eae-ic-icon-wrap{
    1838         display: block;
    1839         text-align: center;
    1840         position: relative !important;
    1841         left: unset !important;
    1842         margin-left: 0 !important;
    1843         margin-top: 0 !important;
    1844         margin-bottom: 10px;
    1845     }
    1846     .eae-info-circle-item{
    1847         position: relative !important;
    1848         border-radius: 0 !important;
    1849         padding: 0px;
    1850         margin: 10px 0
    1851     }
    1852 
    1853     .eae-info-circle .eae-info-circle-item__content-wrap{
    1854         visibility: visible;
    1855         opacity: 1 !important;
    1856         display: flex !important;
    1857         border-radius: 0 !important;
    1858         border: none !important;
    1859         margin: 0 !important;
    1860         padding-right: 0 !important;
    1861         padding-left: 0 !important;
    1862         padding-bottom: 0 !important;
    1863         width: 100%;
    1864         height: auto;
    1865         line-height: 1.5em;
    1866         position: relative;
    1867         top: unset;
    1868         left: unset;
    1869         transform: unset;
    1870     }
    1871 
    1872     .eae-info-circle .eae-info-circle-item__content{
    1873         position: relative;
    1874         top: unset;
    1875         left: unset;
    1876         transform: unset;
    1877         width: 100%;
    1878         padding: 10px;
    1879     }
    1880 }
    1881 
    1882 /**
    1883 New Icon
    1884  */
    1885 .eae-icon-wrap i{
    1886     height:1.25em;
    1887     width:1.25em;
    1888     line-height: 1.25em;
    1889     display: block;
    1890 }
    1891 .eae-icon-wrap i img{
    1892     top: 50%;
    1893     left: 50%;
    1894     transform: translateX(-50%) translateY(-50%);
    1895     position: absolute;
    1896 }
    1897 .eae-icon{
    1898     display: inline-block;
    1899     text-align: center;
    1900     line-height: 1em;
    1901     vertical-align: middle;
    1902     max-width: 100%;
    1903     overflow: hidden;
    1904     padding: 10px;
    1905 }
    1906 
    1907 .eae-icon-shape-circle:not(.elementor-element){
    1908     border-radius:50%;
    1909 }
    1910 .eae-icon-view-framed:not(.elementor-element) {
    1911     border-width:1px;
    1912     border-style:solid;
    1913 }
    1914 
    1915 .eae-icon-wrapper{
    1916     display: flex;
    1917 }
    1918 
    1919 .eae-icon-wrapper .eae-icon{
    1920     position: absolute;
    1921     left: 50%;
    1922     top: 50%;
    1923     transform: translate(-50%, -50%);
    1924     line-height: 1;
    1925 }
    1926 
    1927 
    1928 /**
    1929 
    1930 Timeline CSS
    1931 new comment
    1932 
    1933 **/
    1934 
    1935 
    1936 .eae-timeline {
    1937     position: relative;
    1938     display: inline-block;
    1939     width: 100%;
    1940 }
    1941 
    1942 .eae-timline-progress-bar{
    1943     width: 4px;
    1944     background-color: #F45B69;
    1945     top:0;
    1946     bottom: 50px;
    1947     position: absolute;
    1948     transform: translateX(-50%);
    1949 }
    1950 
    1951 .eae-timeline-item{
    1952     position: relative;
    1953     display: flex;
    1954     flex-direction: row;
    1955     padding-bottom: 50px;
    1956 }
    1957 
    1958 .eae-timeline-item:last-child{
    1959     padding-bottom: 0px !important;
    1960 }
    1961 
    1962 .eae-tl-top .eae-timeline-item {
    1963     align-items: flex-start;
    1964 }
    1965 .eae-tl-top .eae-tl-item-content::before{
    1966     top: 10px;
    1967 }
    1968 .eae-timeline-item.image-position-row-reverse .eae-tl-item-image,
    1969 .eae-timeline-item.image-position-row .eae-tl-item-image{
    1970     margin-top: 0;
    1971     margin-bottom: 0;
    1972 }
    1973 
    1974 .eae-tl-item-meta-wrapper-inner{
    1975     display: none;
    1976 }
    1977 .eae-tl-bottom .eae-timeline-item {
    1978     align-items: flex-end;
    1979 }
    1980 .eae-tl-bottom .eae-tl-item-content::before{
    1981     bottom: 10px;
    1982 }
    1983 
    1984 .eae-tl-center .eae-timeline-item {
    1985     align-items: center;
    1986 }
    1987 .eae-tl-center .eae-tl-item-content::before{
    1988     bottom: calc(50% - 5px);
    1989 }
    1990 
    1991 .eae-layout-center .eae-timline-progress-bar{
    1992     left: 50%;
    1993 }
    1994 .eae-layout-center .eae-timeline-item:nth-child(odd) {
    1995     flex-direction: row-reverse;
    1996 }
    1997 .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-meta-wrapper{
    1998     margin-right: 0px;
    1999     margin-left:0px;
    2000     justify-content: flex-start;
    2001 }
    2002 .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-content-wrapper{
    2003     padding-right: 20px;
    2004     padding-left: 0px;
    2005 }
    2006 .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-content-wrapper{
    2007     padding-right: 0px;
    2008     padding-left: 20px;
    2009 }
    2010 
    2011 .eae-layout-left .eae-tl-content-wrapper {
    2012     padding-right: 10px;
    2013     padding-left: 20px;
    2014 }
    2015 .eae-layout-left .eae-timline-progress-bar{
    2016     left: 20px;
    2017 }
    2018 .eae-layout-left .eae-tl-item-meta-wrapper{
    2019     display: none;
    2020 }
    2021 .eae-layout-left .eae-tl-item-meta-wrapper-inner{
    2022     display: block;
    2023 }
    2024 
    2025 .eae-layout-right .eae-timline-progress-bar{
    2026     left: calc(100% - 20px);
    2027 }
    2028 .eae-layout-right .eae-tl-content-wrapper {
    2029     padding-right: 20px;
    2030     padding-left: 10px;
    2031 }
    2032 .eae-layout-right .eae-tl-icon-wrapper{
    2033     order:3;
    2034 }
    2035 .eae-layout-right .eae-tl-item-meta-wrapper{
    2036     display: none;
    2037 }
    2038 .eae-layout-right .eae-tl-item-meta-wrapper-inner{
    2039     display: block;
    2040 }
    2041 
    2042 .eae-tl-item-meta-wrapper {
    2043     flex-grow: 1;
    2044     order: 0;
    2045     flex-basis: 50%;
    2046     flex-direction: initial;
    2047     justify-content: flex-end;
    2048     display: flex;
    2049     align-items: center;
    2050     margin-right: 0px;
    2051 }
    2052 .eae-tl-item-meta{
    2053     padding: 0px 20px;
    2054 }
    2055 
    2056 .eae-tl-icon-wrapper {
    2057     height: auto;
    2058     width: auto;
    2059     flex-grow: 0;
    2060     flex-shrink: 0;
    2061     order: 1;
    2062     margin-left: 0px;
    2063     margin-right: 0px;
    2064     min-width: 10px;
    2065     min-height: 10px;
    2066     border-radius: 999px;
    2067     position: relative;
    2068     display: -ms-flexbox;
    2069     display: flex;
    2070     -ms-flex-align: center;
    2071     align-items: center;
    2072     -ms-flex-pack: center;
    2073     justify-content: center;
    2074 }
    2075 
    2076 .eae-tl-content-wrapper {
    2077     flex-grow: 1;
    2078     order: 2;
    2079     flex-basis: 50%;
    2080     position: relative;
    2081     padding-right: 0px;
    2082     padding-left: 20px;
    2083 }
    2084 .eae-tl-item-content{
    2085     background: #f4f4f4;
    2086     padding: 25px;
    2087     overflow: hidden;
    2088     text-align: center;
    2089     display: flex;
    2090     flex-direction: row;
    2091 }
    2092 .eae-tl-content{
    2093     display: inline-block;
    2094     position: relative;
    2095     padding: 10px;
    2096     width: 100%;
    2097     color: #000;
    2098 }
    2099 
    2100 .eae-timeline.image-position-row .eae-content-inner,.eae-timeline.image-position-row-reverse .eae-content-inner{
    2101     position: relative;
    2102     left: 50%;
    2103     top: 50%;
    2104     transform: translate(-50%, -50%);
    2105     line-height: 1;
    2106     width: 100%;
    2107 }
    2108 .custom-image-style-.image-position-row .eae-content-inner,
    2109 .custom-image-style-.image-position-row-reverse .eae-content-inner,
    2110 .custom-image-style-no.image-position-row .eae-content-inner,
    2111 .custom-image-style-no.image-position-row-reverse .eae-content-inner{
    2112     left: unset;
    2113     top: unset;
    2114     transform: unset;
    2115 }
    2116 .eae-tl-item-image{
    2117     display: inline-block;
    2118 }
    2119 
    2120 .image-position-row .eae-tl-item-image img, .image-position-row-reverse .eae-tl-item-image img{
    2121     object-fit: cover;
    2122     height: 100% !important;
    2123 }
    2124 .image-position-row .eae-tl-item-image,.image-position-row-reverse .eae-tl-item-image{
    2125     margin: 0px;
    2126 }
    2127 .image-position-column .eae-tl-item-image{
    2128     margin : auto;
    2129 }
    2130 .custom-image-style-no.image-position-column .eae-tl-item-image,
    2131 .custom-image-style-.image-position-column .eae-tl-item-image{
    2132     margin : 0 auto;
    2133 }
    2134 
    2135 .eae-pb-inner-line{
    2136     width: 100%;
    2137     background-color: #3d5ac3;
    2138 }
    2139 
    2140 .eae-tl-item-content::before {
    2141     content: '';
    2142     position: absolute;
    2143     width: 0;
    2144     height: 0;
    2145     border-style: solid;
    2146     border-width: 8px 16px 8px 0;
    2147     border-color: transparent #f4f4f4 transparent transparent;
    2148 }
    2149 
    2150 
    2151 .eae-icon-wrapper{
    2152     display: flex;
    2153 }
    2154 
    2155 .elementor-widget-bpel-timeline .eae-icon-wrapper{
    2156     position: absolute;
    2157     left: 50%;
    2158     top: 50%;
    2159     transform: translate(-50%, -50%);
    2160     line-height: 1;
    2161 }
    2162 
    2163 .eae-tl-read-more{
    2164     display: inline-block;
    2165     padding: 5px;
    2166     border: 2px solid #000000;
    2167 }
    2168 
    2169 @media screen and (min-width: 1024px) {
    2170     .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
    2171         flex-direction: row-reverse !important;
    2172     }
    2173     .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
    2174         flex-direction: row !important;
    2175     }
    2176 
    2177     .eae-layout-right .eae-tl-item-content::before,
    2178     .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before{
    2179         right: 4px;
    2180         border-width: 8px 0 8px 16px;
    2181         border-color: transparent transparent transparent #f4f4f4;
    2182     }
    2183 
    2184     .eae-layout-left .eae-tl-item-content::before,
    2185     .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-item-content::before{
    2186         left: 4px;
    2187         border-width: 8px 16px 8px 0;
    2188         border-color: transparent #f4f4f4 transparent transparent;
    2189     }
    2190 }
    2191 @media screen and (max-width: 1023px) and (min-width: 768px) {
    2192     .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
    2193         flex-direction: row-reverse !important;
    2194     }
    2195     .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
    2196         flex-direction: row !important;
    2197     }
    2198 
    2199     .eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper{
    2200         display: none;
    2201     }.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper-inner{
    2202          display: block;
    2203      }
    2204     .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{
    2205         flex-direction: row !important;
    2206     }
    2207     .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item{
    2208         flex-direction: row-reverse !important;
    2209     }
    2210 
    2211     .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
    2212     .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(even) .eae-tl-item-content::before,
    2213     .eae-layout-left .eae-tl-item-content::before,
    2214     .eae-layout-left .eae-timeline-item .eae-tl-item-content::before{
    2215         left: 4px !important;
    2216         border-width: 8px 16px 8px 0 !important;
    2217         border-color: transparent #f4f4f4 transparent transparent !important;
    2218     }
    2219 
    2220     .eae-layout-right .eae-timeline-item .eae-tl-item-content::before,
    2221     .eae-layout-right .eae-tl-item-content::before,
    2222     .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,
    2223     .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
    2224     .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{
    2225         right: 4px !important;
    2226         border-width: 8px 0 8px 16px !important;
    2227         border-color: transparent transparent transparent #f4f4f4 !important;
    2228     }
    2229     .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{
    2230         padding-right: 0px !important;
    2231         padding-left: 20px !important;
    2232     }
    2233     .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{
    2234         padding-right: 20px !important;
    2235         padding-left: 0px !important;
    2236     }
    2237     .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{
    2238         left: 13px;
    2239     }
    2240     .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{
    2241         left: calc(100% - 13px);
    2242     }
    2243 }
    2244 
    2245 @media screen and (max-width: 767px) {
    2246     .eae-tl-item-meta-wrapper{
    2247         display: none;
    2248     }
    2249     .eae-tl-item-meta-wrapper-inner{
    2250         display: block;
    2251     }
    2252 
    2253     .elementor-widget-bpel-timeline:not(.image-position-column) .eae-timeline .eae-tl-item-content{
    2254         flex-direction: column-reverse !important;
    2255     }
    2256     .elementor-widget-bpel-timeline:not(.image-position-column) .eae-tl-content,.eae-tl-item-image{
    2257         width : 100% !important;
    2258     }
    2259     .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item,
    2260     .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{
    2261         flex-direction: row !important;
    2262     }
    2263     .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item,
    2264     .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item{
    2265         flex-direction: row-reverse !important;
    2266     }
    2267 
    2268     .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
    2269     .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
    2270     .eae-layout-left .eae-timeline-item .eae-tl-item-content::before,
    2271     .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,
    2272     .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before
    2273     {
    2274         left: 4px !important;
    2275         border-width: 8px 16px 8px 0 !important;
    2276         border-color: transparent #f4f4f4 transparent transparent !important;
    2277     }
    2278     .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
    2279     .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
    2280     .eae-layout-right .eae-timeline-item .eae-tl-item-content::before{
    2281         right: 4px !important;
    2282         border-width: 8px 0 8px 16px !important;
    2283         border-color: transparent transparent transparent #f4f4f4 !important;
    2284     }
    2285     .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper,
    2286     .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{
    2287         padding-right: 0px !important;
    2288         padding-left: 20px !important;
    2289     }
    2290     .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper,
    2291     .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{
    2292         padding-right: 20px !important;
    2293         padding-left: 0px !important;
    2294     }
    2295     .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar,
    2296     .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{
    2297         left: 13px;
    2298     }
    2299     .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar,
    2300     .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{
    2301         left: calc(100% - 13px);
    2302     }
    2303 }
    2304 
    2305 /** EverGreen Timer **/
    2306 
    2307 [data-element_type="eae-evergreen-timer.skin1"] .eae-evergreen-wrapper{
    2308     display: block;
    2309     text-align: center;
    2310 }
    2311 [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv{
    2312     font-family: sans-serif;
    2313     color: #fff;
    2314     display: inline-block;
    2315     font-weight: 100;
    2316     text-align: center;
    2317     font-size: 30px;
    2318 }
    2319 
    2320 [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{
    2321     padding: 10px;
    2322     border-radius: 3px;
    2323     background: #00BF96;
    2324     display: inline-block;
    2325     overflow: hidden;
    2326 }
    2327 
    2328 [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{
    2329     padding: 15px;
    2330     width: 100% ;
    2331     background: #00816A;
    2332     display: inline-block;
    2333 }
    2334 
    2335 [data-element_type="eae-evergreen-timer.skin1"] .smalltext{
    2336     padding: 7px;
    2337     font-size: 16px;
    2338 }
    2339 
    2340 [data-element_type="eae-evergreen-timer.skin1"] .eae-egt-hide{
    2341     display : none;
    2342 }
    2343 
    2344 .eae-egt-message {
    2345     display: none;
    2346 }
    2347 
    2348 @media screen and (max-width: 767px){
    2349     [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{
    2350         padding: 5px;
    2351     }
    2352 
    2353     [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper {
    2354         padding: 5px;
    2355     }
    2356 }
    2357 
    2358 /* Skin 2 - Flip Clock Css*/
    2359 
    2360 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper * {
    2361     -webkit-box-sizing: border-box;
    2362     -moz-box-sizing: border-box;
    2363     -ms-box-sizing: border-box;
    2364     -o-box-sizing: border-box;
    2365     box-sizing: border-box;
    2366     -webkit-backface-visibility: hidden;
    2367     -moz-backface-visibility: hidden;
    2368     -ms-backface-visibility: hidden;
    2369     -o-backface-visibility: hidden;
    2370     backface-visibility: hidden;
    2371 }
    2372 [data-element_type="eae-evergreen-timer.skin2"] .eae-evergreen-wrapper{
    2373     display: inline-block;
    2374     width: 100%;
    2375     text-align: center;
    2376     margin: auto;
    2377 }
    2378 [data-element_type="eae-evergreen-timer.skin2"] .timer-container{
    2379     display: inline-block;
    2380 }
    2381 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a {
    2382     cursor: pointer;
    2383     text-decoration: none;
    2384     color: #ccc;
    2385 }
    2386 
    2387 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a:hover {
    2388     color: #fff;
    2389 }
    2390 
    2391 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
    2392     list-style: none;
    2393 }
    2394 
    2395 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:before,
    2396 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after {
    2397     content: " ";
    2398     display: table;
    2399 }
    2400 
    2401 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after {
    2402     clear: both;
    2403 }
    2404 
    2405 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix {
    2406     *zoom: 1;
    2407 }
    2408 
    2409 /* Main */
    2410 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper {
    2411     font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    2412     -webkit-user-select: none;
    2413 }
    2414 
    2415 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium {
    2416     background: none !important;
    2417     box-shadow: 0 0 0 !important;
    2418     font-size: 36px !important;
    2419 }
    2420 
    2421 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium a {
    2422     color: #313333;
    2423 }
    2424 
    2425 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper {
    2426     text-align: center;
    2427     position: relative;
    2428     width: 100%;
    2429     margin: 1em;
    2430 }
    2431 
    2432 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:before,
    2433 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after {
    2434     content: " "; /* 1 */
    2435     display: table; /* 2 */
    2436 }
    2437 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after {
    2438     clear: both;
    2439 }
    2440 
    2441 /* Skeleton */
    2442 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
    2443     position: relative;
    2444     float: left;
    2445     margin: 5px;
    2446     width: 60px;
    2447     height: 90px;
    2448     font-size: 80px;
    2449     font-weight: bold;
    2450     line-height: 87px;
    2451     border-radius: 6px;
    2452     background: #000;
    2453 }
    2454 
    2455 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li {
    2456     z-index: 1;
    2457     position: absolute;
    2458     left: 0;
    2459     top: 0;
    2460     width: 100%;
    2461     height: 100%;
    2462     line-height: 87px;
    2463     text-decoration: none !important;
    2464 }
    2465 
    2466 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li:first-child {
    2467     z-index: 2;
    2468 }
    2469 
    2470 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a {
    2471     display: block;
    2472     height: 100%;
    2473     -webkit-perspective: 200px;
    2474     -moz-perspective: 200px;
    2475     perspective: 200px;
    2476     margin: 0 !important;
    2477     overflow: visible !important;
    2478     cursor: default !important;
    2479 }
    2480 
    2481 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div {
    2482     z-index: 1;
    2483     position: absolute;
    2484     left: 0;
    2485     width: 100%;
    2486     height: 50%;
    2487     font-size: 80px;
    2488     overflow: hidden;
    2489     outline: 1px solid transparent;
    2490 }
    2491 
    2492 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div .shadow {
    2493     position: absolute;
    2494     width: 100%;
    2495     height: 100%;
    2496     z-index: 2;
    2497 }
    2498 
    2499 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up {
    2500     -webkit-transform-origin: 50% 100%;
    2501     -moz-transform-origin: 50% 100%;
    2502     -ms-transform-origin: 50% 100%;
    2503     -o-transform-origin: 50% 100%;
    2504     transform-origin: 50% 100%;
    2505     top: 0;
    2506 }
    2507 
    2508 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up:after {
    2509     content: "";
    2510     position: absolute;
    2511     top: 44px;
    2512     left: 0;
    2513     z-index: 5;
    2514     width: 100%;
    2515     height: 3px;
    2516     background-color: #000;
    2517     background-color: rgba(0, 0, 0, 0.4);
    2518 }
    2519 
    2520 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down {
    2521     -webkit-transform-origin: 50% 0;
    2522     -moz-transform-origin: 50% 0;
    2523     -ms-transform-origin: 50% 0;
    2524     -o-transform-origin: 50% 0;
    2525     transform-origin: 50% 0;
    2526     bottom: 0;
    2527     border-bottom-left-radius: 6px;
    2528     border-bottom-right-radius: 6px;
    2529 }
    2530 
    2531 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn {
    2532     position: absolute;
    2533     left: 0;
    2534     z-index: 1;
    2535     width: 100%;
    2536     height: 200%;
    2537     color: #ccc;
    2538     text-shadow: 0 1px 2px #000;
    2539     text-align: center;
    2540     background-color: #333;
    2541     border-radius: 6px;
    2542     font-size: 70px;
    2543 }
    2544 
    2545 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up div.inn {
    2546     top: 0;
    2547 }
    2548 
    2549 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down div.inn {
    2550     bottom: 0;
    2551 }
    2552 
    2553 /* PLAY */
    2554 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before {
    2555     z-index: 3;
    2556 }
    2557 
    2558 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper .flip {
    2559     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    2560 }
    2561 
    2562 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active {
    2563     -webkit-animation: asd 0.01s 0.49s linear both;
    2564     -moz-animation: asd 0.01s 0.49s linear both;
    2565     animation: asd 0.01s 0.49s linear both;
    2566     z-index: 5;
    2567 }
    2568 
    2569 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider {
    2570     float: left;
    2571     display: inline-block;
    2572     position: relative;
    2573     width: 20px;
    2574     height: 100px;
    2575 }
    2576 
    2577 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider:first-child {
    2578     width: 0;
    2579 }
    2580 
    2581 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot {
    2582     display: block;
    2583     background: #323434;
    2584     width: 10px;
    2585     height: 10px;
    2586     position: absolute;
    2587     border-radius: 50%;
    2588     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    2589     left: 5px;
    2590 }
    2591 
    2592 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label {
    2593     position: absolute;
    2594     top: -1.5em;
    2595     right: -86px;
    2596     color: black;
    2597     text-shadow: none;
    2598 }
    2599 
    2600 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label {
    2601     right: -88px;
    2602 }
    2603 
    2604 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label {
    2605     right: -91px;
    2606 }
    2607 
    2608 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.top {
    2609     top: 30%;
    2610 }
    2611 
    2612 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.bottom {
    2613     bottom: 30%;
    2614 }
    2615 
    2616 @-webkit-keyframes asd {
    2617     0% {
    2618         z-index: 2;
    2619     }
    2620 
    2621     100% {
    2622         z-index: 4;
    2623     }
    2624 }
    2625 
    2626 @-moz-keyframes asd {
    2627     0% {
    2628         z-index: 2;
    2629     }
    2630 
    2631     100% {
    2632         z-index: 4;
    2633     }
    2634 }
    2635 
    2636 @-o-keyframes asd {
    2637     0% {
    2638         z-index: 2;
    2639     }
    2640 
    2641     100% {
    2642         z-index: 4;
    2643     }
    2644 }
    2645 
    2646 @keyframes asd {
    2647     0% {
    2648         z-index: 2;
    2649     }
    2650 
    2651     100% {
    2652         z-index: 4;
    2653     }
    2654 }
    2655 
    2656 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down {
    2657     z-index: 2;
    2658     -webkit-animation: turn 0.5s 0.5s linear both;
    2659     -moz-animation: turn 0.5s 0.5s linear both;
    2660     animation: turn 0.5s 0.5s linear both;
    2661 }
    2662 
    2663 @-webkit-keyframes turn {
    2664     0% {
    2665         -webkit-transform: rotateX(90deg);
    2666     }
    2667 
    2668     100% {
    2669         -webkit-transform: rotateX(0deg);
    2670     }
    2671 }
    2672 
    2673 @-moz-keyframes turn {
    2674     0% {
    2675         -moz-transform: rotateX(90deg);
    2676     }
    2677 
    2678     100% {
    2679         -moz-transform: rotateX(0deg);
    2680     }
    2681 }
    2682 
    2683 @-o-keyframes turn {
    2684     0% {
    2685         -o-transform: rotateX(90deg);
    2686     }
    2687 
    2688     100% {
    2689         -o-transform: rotateX(0deg);
    2690     }
    2691 }
    2692 
    2693 @keyframes turn {
    2694     0% {
    2695         transform: rotateX(90deg);
    2696     }
    2697 
    2698     100% {
    2699         transform: rotateX(0deg);
    2700     }
    2701 }
    2702 
    2703 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up {
    2704     z-index: 2;
    2705     -webkit-animation: turn2 0.5s linear both;
    2706     -moz-animation: turn2 0.5s linear both;
    2707     animation: turn2 0.5s linear both;
    2708 }
    2709 
    2710 @-webkit-keyframes turn2 {
    2711     0% {
    2712         -webkit-transform: rotateX(0deg);
    2713     }
    2714 
    2715     100% {
    2716         -webkit-transform: rotateX(-90deg);
    2717     }
    2718 }
    2719 
    2720 @-moz-keyframes turn2 {
    2721     0% {
    2722         -moz-transform: rotateX(0deg);
    2723     }
    2724 
    2725     100% {
    2726         -moz-transform: rotateX(-90deg);
    2727     }
    2728 }
    2729 
    2730 @-o-keyframes turn2 {
    2731     0% {
    2732         -o-transform: rotateX(0deg);
    2733     }
    2734 
    2735     100% {
    2736         -o-transform: rotateX(-90deg);
    2737     }
    2738 }
    2739 
    2740 @keyframes turn2 {
    2741     0% {
    2742         transform: rotateX(0deg);
    2743     }
    2744 
    2745     100% {
    2746         transform: rotateX(-90deg);
    2747     }
    2748 }
    2749 
    2750 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li.flip-clock-active {
    2751     z-index: 3;
    2752 }
    2753 
    2754 /* SHADOW */
    2755 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    2756     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    2757     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    2758     background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    2759     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    2760     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    2761     background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    2762     -webkit-animation: show 0.5s linear both;
    2763     -moz-animation: show 0.5s linear both;
    2764     animation: show 0.5s linear both;
    2765 }
    2766 
    2767 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    2768     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    2769     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    2770     background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    2771     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    2772     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    2773     background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    2774     -webkit-animation: hide 0.5s 0.3s linear both;
    2775     -moz-animation: hide 0.5s 0.3s linear both;
    2776     animation: hide 0.5s 0.3s linear both;
    2777 }
    2778 
    2779 /*DOWN*/
    2780 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    2781     background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    2782     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    2783     background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    2784     background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    2785     background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    2786     background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    2787     -webkit-animation: show 0.5s linear both;
    2788     -moz-animation: show 0.5s linear both;
    2789     animation: show 0.5s linear both;
    2790 }
    2791 
    2792 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    2793     background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    2794     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    2795     background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    2796     background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    2797     background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    2798     background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    2799     -webkit-animation: hide 0.5s 0.3s linear both;
    2800     -moz-animation: hide 0.5s 0.3s linear both;
    2801     animation: hide 0.5s 0.2s linear both;
    2802 }
    2803 
    2804 @-webkit-keyframes show {
    2805     0% {
    2806         opacity: 0;
    2807     }
    2808 
    2809     100% {
    2810         opacity: 1;
    2811     }
    2812 }
    2813 
    2814 @-moz-keyframes show {
    2815     0% {
    2816         opacity: 0;
    2817     }
    2818 
    2819     100% {
    2820         opacity: 1;
    2821     }
    2822 }
    2823 
    2824 @-o-keyframes show {
    2825     0% {
    2826         opacity: 0;
    2827     }
    2828 
    2829     100% {
    2830         opacity: 1;
    2831     }
    2832 }
    2833 
    2834 @keyframes show {
    2835     0% {
    2836         opacity: 0;
    2837     }
    2838 
    2839     100% {
    2840         opacity: 1;
    2841     }
    2842 }
    2843 
    2844 @-webkit-keyframes hide {
    2845     0% {
    2846         opacity: 1;
    2847     }
    2848 
    2849     100% {
    2850         opacity: 0;
    2851     }
    2852 }
    2853 
    2854 @-moz-keyframes hide {
    2855     0% {
    2856         opacity: 1;
    2857     }
    2858 
    2859     100% {
    2860         opacity: 0;
    2861     }
    2862 }
    2863 
    2864 @-o-keyframes hide {
    2865     0% {
    2866         opacity: 1;
    2867     }
    2868 
    2869     100% {
    2870         opacity: 0;
    2871     }
    2872 }
    2873 
    2874 @keyframes hide {
    2875     0% {
    2876         opacity: 1;
    2877     }
    2878 
    2879     100% {
    2880         opacity: 0;
    2881     }
    2882 }
    2883 
    2884 @media screen and (max-width: 767px) {
    2885     [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{
    2886         width: 15px;
    2887     }
    2888     [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{
    2889         height:5px;
    2890         width: 5px;
    2891 
    2892     }
    2893     [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
    2894         height: 40px;
    2895     }
    2896     [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{
    2897         height:50px;
    2898     }
    2899     [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{
    2900         line-height: 37px;
    2901     }
    2902     [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{
    2903         font-size: 24px;
    2904     }
    2905     [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{
    2906         margin: 2px;
    2907     }
    2908    /* [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
    2909         position: relative;
    2910         float: left;
    2911         margin: 5px;
    2912         width: 40px;
    2913         height: 70px;
    2914         font-size: 40px;
    2915         font-weight: bold;
    2916         line-height: 47px;
    2917         border-radius: 6px;
    2918         background: #000;
    2919     }
    2920     [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div {
    2921         z-index: 1;
    2922         position: absolute;
    2923         left: 0;
    2924         width: 100%;
    2925         height: 50%;
    2926         font-size: 40px;
    2927         overflow: hidden;
    2928         outline: 1px solid transparent;
    2929     }
    2930     [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn {
    2931         position: absolute;
    2932         left: 0;
    2933         z-index: 1;
    2934         width: 100%;
    2935         height: 200%;
    2936         color: #ccc;
    2937         text-shadow: 0 1px 2px #000;
    2938         text-align: center;
    2939         background-color: #333;
    2940         border-radius: 6px;
    2941         font-size: 40px;
    2942     }*/
    2943 }
    2944 
    2945 /* Skin 3 - Flip Block */
    2946 /*
    2947 [data-element_type="eae-evergreen-timer.skin3"] body  {
    2948     display: grid;
    2949     grid-template-columns: repeat(6, 1fr);
    2950     grid-template-rows: auto;
    2951     color: #fff;
    2952 }
    2953 
    2954 [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper {
    2955     text-align: center;
    2956     grid-column: 1 / 7;
    2957     grid-row: 2/ 4;
    2958     max-width: 768px;
    2959     margin-left: auto;
    2960     margin-right: auto;
    2961 }
    2962 
    2963 [data-element_type="eae-evergreen-timer.skin3"] #timer,
    2964 [data-element_type="eae-evergreen-timer.skin3"] .desc{
    2965     display: grid;
    2966     grid-template-columns: repeat(4, 1fr);
    2967     justify-items: center;
    2968     align-items: center;
    2969     grid-gap: 1em;
    2970     grid-template-rows: 150px;
    2971 }
    2972 [data-element_type="eae-evergreen-timer.skin3"] .desc{
    2973     margin-top: 10px;
    2974     grid-template-rows: 10px;
    2975 }
    2976 
    2977 [data-element_type="eae-evergreen-timer.skin3"] #timer span {
    2978     font-size: 48px;
    2979     width: 100%;
    2980     height: 100%;
    2981     border-radius: 5px;
    2982     color: #fff;
    2983 }
    2984 [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{
    2985     position: relative;
    2986 }
    2987 [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper div{
    2988     top: 50%;
    2989     left: 50%;
    2990     transform: translate(-50%,-50%);
    2991     position: absolute;
    2992 }
    2993 [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper{
    2994     display: block;
    2995     text-align: center;
    2996 }*/
    2997 [data-element_type="eae-evergreen-timer.skin3"] #timer{
    2998     font-family: sans-serif;
    2999     color: #fff;
    3000     display: inline-block;
    3001     font-weight: 100;
    3002     text-align: center;
    3003     font-size: 30px;
    3004 }
    3005 [data-element_type="eae-evergreen-timer.skin3"] .desc{
    3006     display: flex;
    3007     justify-content: center;
    3008 
    3009 }
    3010 [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-right .desc{
    3011     justify-content: flex-end;
    3012 }
    3013 [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-left .desc{
    3014     justify-content: flex-start;
    3015 }
    3016 [data-element_type="eae-evergreen-timer.skin3"] .desc .egt-time-text{
    3017     display: inline-block;
    3018     padding: 0 50px 0 50px;
    3019 }
    3020 
    3021 [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{
    3022     padding: 50px;
    3023     border-radius: 3px;
    3024     background: #00BF96;
    3025     display: inline-block;
    3026     overflow: hidden;
    3027     margin: 5px;
    3028     line-height: 1em;
    3029 }
    3030 
    3031 [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(1) {
    3032     background: khaki;
    3033 }
    3034 
    3035 [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(2) {
    3036     background: indianred;
    3037 }
    3038 
    3039 [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(3) {
    3040     background: cadetblue;
    3041 }
    3042 
    3043 [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(4) {
    3044     background: cornflowerblue;
    3045 }
    3046 
    3047 [data-element_type="eae-evergreen-timer.skin3"] .fade {
    3048     animation: flip 0.7s ease forwards;
    3049 }
    3050 
    3051 @keyframes flip {
    3052     0% {
    3053         transform: rotateY(0) scaleY(1.1);
    3054         opacity: .5;
    3055     }
    3056     50% {
    3057         transform: rotateY(180deg) scaleY(1.3);
    3058         opacity: 0;
    3059     }
    3060     100% {
    3061         transform: rotateY(0);
    3062         opacity: 1;
    3063     }
    3064 }
    3065 
    3066 @media screen and (max-width: 767px) {
    3067     [data-element_type="eae-evergreen-timer.skin3"] #timer span{
    3068         font-size: 22px;
    3069     }
    3070     [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label {
    3071         top: -1.5em;
    3072         right: -42px;
    3073     }
    3074 
    3075     [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label {
    3076         right: -48px;
    3077     }
    3078 
    3079     [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label {
    3080         right: -51px;
    3081     }
    3082 }
    3083 
    3084 /* Skin 4 - Digit Up Animation */
    3085 [data-element_type="eae-evergreen-timer.skin4"] .eae-evergreen-wrapper {
    3086     width: 100%;
    3087 }
    3088 [data-element_type="eae-evergreen-timer.skin4"] .container {
    3089     margin: 0 auto;
    3090 }
    3091 [data-element_type="eae-evergreen-timer.skin4"] .special {
    3092     position: relative;
    3093     width: 840px;
    3094     height: 47px;
    3095 }
    3096 [data-element_type="eae-evergreen-timer.skin4"] #counter {
    3097     position: absolute;
    3098     z-index: 4000;
    3099 }
    3100 [data-element_type="eae-evergreen-timer.skin4"] .digit-separator {
    3101     position: relative;
    3102     float: left;
    3103     width: 17px;
    3104     height: 44px;
    3105     overflow: hidden;
    3106     background-image: url('../digit-sep-svg.svg');
    3107     background-repeat: no-repeat;
    3108     background-position: 0px 0px;
    3109     background-color: #4054b2;
    3110 }
    3111 [data-element_type="eae-evergreen-timer.skin4"] .digit {
    3112     background-image: url('../digits-svg-alpha.svg');
    3113     background-color: #4054b2;
    3114 }
    3115 
    3116 /* Comparison Table */
    3117 
    3118 .eae-ct-wrapper * {
    3119     box-sizing:border-box;
    3120 
    3121     margin:0;
    3122     outline: 0;
    3123 }
    3124 article.eae-ct-wrapper{
    3125     width:100%;
    3126     max-width:1000px;
    3127     margin:0 auto;
    3128     position:relative;
    3129 }
    3130 .eae-ct-wrapper th{
    3131     position: relative;
    3132 }
    3133 .eae-ct-wrapper ul {
    3134     display:none;
    3135     top:0px;
    3136     z-index:10;
    3137     padding-bottom:14px;
    3138 }
    3139 .eae-ct-wrapper li {
    3140     list-style:none;
    3141     flex:1;
    3142     position: relative;
    3143 }
    3144 .eae-ct-wrapper li:hover {
    3145     cursor: pointer;
    3146 }
    3147 .eae-ct-wrapper li:last-child {
    3148     /*border-right:1px solid #DDD;*/
    3149 }
    3150 .eae-ct-wrapper .eae-ct-heading {
    3151     width:100%;
    3152     padding: 10px;
    3153     background:#FFF;
    3154     font-size:20px;
    3155     font-weight:bold;
    3156     height:60px;
    3157     color:#999;
    3158     text-align:center;
    3159 }
    3160 .eae-ct-wrapper li.eae-ct-heading .eae-ct-heading-inner{
    3161     position: absolute;
    3162     align-self: center;
    3163     top: 50%;
    3164     left: 50%;
    3165     transform: translate(-50%,-50%);
    3166     width: 100%;
    3167 }
    3168 .eae-ct-wrapper li.eae-ct-heading.active {
    3169     background:#F5F5F5;
    3170 }
    3171 .eae-ct-wrapper table { border-collapse:collapse; table-layout:fixed; width:100%; }
    3172 .eae-ct-wrapper th { background:#F5F5F5; display:none; }
    3173 .eae-ct-wrapper td,.eae-ct-wrapper  th {
    3174     height:53px;
    3175     vertical-align: middle;
    3176 }
    3177 .eae-ct-wrapper table{
    3178     border:none;
    3179 }
    3180 .eae-ct-wrapper table tr td:first-child,.eae-ct-wrapper table tr td:last-child, .eae-ct-wrapper td,.eae-ct-wrapper td,.eae-ct-wrapper th { border:1px solid #DDD; padding:10px; empty-cells:show; }
    3181 .eae-ct-wrapper td,.eae-ct-wrapper th {
    3182     text-align:left;
    3183 }
    3184 .eae-ct-wrapper td+td, .eae-ct-wrapper th+th {
    3185     text-align:center;
    3186 }
    3187 .eae-ct-wrapper tr:first-child{
    3188     background: none !important;
    3189 }
    3190 .eae-ct-wrapper ul li:nth-child(1){
    3191     display: table-cell;
    3192 }
    3193 .eae-ct-wrapper tr td:nth-child(2){
    3194     display: table-cell;
    3195 }
    3196 
    3197 .eae-ct-wrapper td:nth-child(1) {
    3198     display:table-cell;
    3199 }
    3200 .eae-ct-wrapper td{
    3201      display:none;
    3202  }
    3203 .eae-ct-wrapper .sep {
    3204     background:#F5F5F5;
    3205     font-weight:bold;
    3206 }
    3207 .eae-ct-price-wrapper {
    3208     display: flex;
    3209     justify-content: center;
    3210 }
    3211 .eae-ct-tt-type-icon .eae-ct-feature .tooltip{
    3212     float: right;
    3213 }
    3214 .eae-ct-wrapper .tooltiptext::before{
    3215     content: '';
    3216     border-width: 5px 5px 0 5px;
    3217     border-color: #fff;
    3218     border-left-color: transparent;
    3219     border-right-color: transparent;
    3220     border-bottom-color: transparent;
    3221     bottom: -10px;
    3222     width: 0;
    3223     height: 0;
    3224     border-style: solid;
    3225     position: absolute;
    3226     margin: 5px;
    3227     left: 42%;
    3228 }
    3229 .eae-ct-wrapper .eae-ct-price { font-size:28px; font-weight:bold; line-height: 1em;}
    3230 .eae-ct-wrapper .eae-ct-currency { align-self: flex-start; margin-right: 3px}
    3231 .eae-ct-wrapper .eae-ct-fractional-price { align-self: flex-start; margin-left: 3px}
    3232 .eae-ct-wrapper .eae-ct-duration { align-self: flex-start; }
    3233 .eae-ct-wrapper .eae-ct-original-price{
    3234     margin-right: 5px;
    3235     text-decoration: line-through;
    3236     align-self: flex-end;
    3237 }
    3238 .eae-ct-wrapper .tick { font-size:18px; color:#2CA01C; }
    3239 .eae-ct-wrapper .hide {
    3240     border:0 !important;
    3241     background:none;
    3242 }
    3243 .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
    3244     position: absolute;
    3245     top: 0;
    3246     /* -webkit-transform: rotate(90deg);
    3247     -ms-transform: rotate(90deg);*/
    3248     /* transform: rotate(90deg); */
    3249     width: 100px;
    3250     overflow: hidden;
    3251     height: 100px;
    3252     z-index: 998;
    3253     padding: 8px 12px;
    3254 }
    3255 .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{
    3256     position: absolute;
    3257     top: 0;
    3258     width: 100%;
    3259     overflow: hidden;
    3260     height: 50px;
    3261     z-index: 999;
    3262     padding: 8px 12px;
    3263 }
    3264 .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper-top{
    3265     background-color: rgba(63,195,135,0.8);
    3266     color: #fff;
    3267     transform: translateY(-100%);
    3268     position: absolute;
    3269     width: 100%;
    3270     top: 0;
    3271     left: 0;
    3272 }
    3273 .eae-ct-ribbons-h-left.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
    3274     -webkit-transform: rotate(0);
    3275     -ms-transform: rotate(0);
    3276     transform: rotate(0);
    3277     left: 0;
    3278     right: auto;
    3279 }
    3280 .eae-ct-ribbons-h-right.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
    3281     -webkit-transform: rotate(0);
    3282     -ms-transform: rotate(0);
    3283     transform: rotate(90deg);
    3284     left: auto;
    3285     right: 0;
    3286 }
    3287 
    3288 .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper span.eae-ct-ribbons-inner {
    3289     position: absolute;
    3290     text-align: center;
    3291     left: 0;
    3292     top: 0;
    3293     width: 200%;
    3294     -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    3295     -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    3296     transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    3297     margin-top: 35px;
    3298     font-size: 13px;
    3299     line-height: 2;
    3300     font-weight: 800;
    3301     text-transform: uppercase;
    3302     background: rgba(63,195,135,0.8);
    3303     padding: 8px 12px;
    3304     color: #ffffff;
    3305 }
    3306 .eae-ct-wrapper .tooltip {
    3307     position: relative;
    3308     display: inline-block;
    3309 }
    3310 
    3311 .eae-ct-wrapper .tooltip .tooltiptext {
    3312     visibility: hidden;
    3313     min-width: 120px;
    3314     background-color: black;
    3315     color: #fff;
    3316     text-align: center;
    3317     border-radius: 6px;
    3318     padding: 5px 0;
    3319 
    3320     /* Position the tooltip */
    3321     position: absolute;
    3322     z-index: 1;
    3323     bottom: 120%;
    3324     left: 50%;
    3325     margin-left: -60px;
    3326 }
    3327 
    3328 .eae-ct-wrapper .tooltip:hover .tooltiptext {
    3329     visibility: visible;
    3330 }
    3331 .eae-ct-heading-tooltip{
    3332     text-decoration-line: underline;
    3333     text-decoration-style: dotted;
    3334 }
    3335 .eae-ct-btn{
    3336     padding: 10px 15px 10px 15px;
    3337     color: #fff;
    3338     display: inline-block;
    3339     line-height: 1em;
    3340 }
    3341 .eae-ct-btn:hover{
    3342     color: #fff;
    3343 }
    3344 .eae-ct-wrapper i.fa.fa-check{
    3345     color: #38f146;
    3346 }
    3347 .eae-ct-wrapper i.fa.fa-close{
    3348     color: #ff0000;
    3349 }
    3350 
    3351 .eae-ct-wrapper tr:last-child td:first-child{
    3352     background: none !important; border:none !important;
    3353 }
    3354 .eae-ct-wrapper tr:last-child{
    3355     background: none !important;
    3356 }
    3357 @media (min-width: 767px) {
    3358     .eae-ct-wrapper td,.eae-ct-wrapper th {
    3359         width: 330px;
    3360 
    3361     }
    3362     .eae-ct-wrapper td+td,.eae-ct-wrapper th+th {
    3363         width: auto;
    3364     }
    3365 }
    3366 
    3367 .eae-tab-format-all .eae-ct-wrapper ul{
    3368     display: flex;
    3369 }
    3370 @media (min-width: 1023px) {
    3371     .eae-tab-format-tab-mob .eae-ct-wrapper td, .eae-tab-format-tab-mob .eae-ct-wrapper th,
    3372     .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th {
    3373         display: table-cell !important;
    3374     }
    3375 }
    3376 @media (max-width: 1023px) {
    3377     .eae-tab-format-tab-mob .eae-ct-wrapper ul{
    3378         display: flex;
    3379     }
    3380     .eae-tab-format-all .eae-ct-wrapper td+td,.eae-tab-format-all .eae-ct-wrapper th+th {
    3381         display: none;
    3382     }
    3383 }
    3384 @media (max-width: 1023px) and (min-width: 768px) {
    3385 
    3386     .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th {
    3387         display: table-cell !important;
    3388     }
    3389 }
    3390 @media (max-width: 767px) {
    3391     .eae-tab-format-mobile .eae-ct-wrapper ul{
    3392         display: flex;
    3393     }
    3394 }
     1193        padding-right: 6px; } }
  • addon-elements-for-elementor-page-builder/trunk/assets/js/animated-main.js

    r2026355 r2026357  
    6565
    6666    function hideWord($word) {
    67 
     67        console.log($word);
    6868        var nextWord = takeNext($word);
    6969
  • addon-elements-for-elementor-page-builder/trunk/assets/js/eae.js

    r2026355 r2026357  
    3939            var animate = $wrapper.data('animate')
    4040            $wrapper = $scope.find('.eae-markers');
    41             //alert($marker.attr('data-lat') + ' - '+ $marker.attr('data-lng'));
    4241            var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );
    4342
     
    142141            eae_custom_overlay = slider_wrapper.data('eae-bg-custom-overlay');
    143142            if (eae_custom_overlay == 'yes') {
    144                 eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
     143                eae_overlay = eae_editor.plugin_url + '/assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
    145144            } else {
    146145                if (slider_wrapper.data('eae-bg-slider-overlay')) {
    147                     eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
     146                    eae_overlay = eae_editor.plugin_url + '/assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
    148147                } else {
    149                     eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
     148                    eae_overlay = eae_editor.plugin_url + '/assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
    150149                }
    151150            }
     
    196195                horizontal($scope);
    197196            }else{
    198                 vertical();
     197               vertical();
    199198            }
    200199
     
    284283                        /*calculate the cursor's x coordinate, relative to the image:*/
    285284                        x = e.changedTouches[0].clientX - a.left;
    286                         return x;
     285                         return x;
    287286                    }
    288287
     
    420419            if($scope.hasClass('eae-particle-yes')){
    421420                id = $scope.data('id');
    422                 //console.lgo(id);
    423421                element_type = $scope.data('element_type');
    424422                pdata = $scope.data('eae-particle');
     
    443441                }else if(typeof pdata_wrapper != 'undefined' && pdata_wrapper != ''){
    444442
    445 
    446443                   // $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');
    447444                    //console.log('calling particle js else', JSON.parse(pdata_wrapper));
    448 
    449                     $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');
    450 
    451445                    particlesJS('eae-particle-'+ id, JSON.parse(pdata_wrapper));
    452446                }
     
    454448            }
    455449
    456         };
    457 
    458 
    459         /*EAE Animated Gradient Background*/
    460 
    461         var AnimatedGradient = function ($scope , $) {
    462             //console.log($scope);
    463             if($scope.hasClass('eae-animated-gradient-yes')){
    464                 id = $scope.data('id');
    465                 //editMode    = elementorFrontend.isEditMode();
    466                 //console.log(settings);
    467                 color= $scope.data('color');
    468                 angle = $scope.data('angle');
    469                 var gradient_color = 'linear-gradient(' + angle + ',' + color + ')';
    470                 heading = $scope.find('.elementor-heading-title')
    471                 $scope.css({'background' : gradient_color});
    472                 //console.log(gradient_color);
    473             }
    474450        };
    475451
     
    478454            $close_btn = $scope.find('.eae-popup-wrapper').data('close-btn');
    479455
    480             $magnific = $scope.find('.eae-popup-link').eaePopup({
     456           $magnific = $scope.find('.eae-popup-link').eaePopup({
    481457                type: 'inline',
    482458
     
    487463                midClick: false,
    488464
    489                 mainClass: 'eae-popup eae-popup-'+$scope.find('.eae-popup-link').data('id') +' eae-wrap-'+$scope.find('.eae-popup-link').data('ctrl-id'),
     465                mainClass: 'eae-popup eae-popup-'+$scope.find('.eae-popup-link').data('id'),
    490466
    491467                preloader: true,
     
    535511
    536512
    537         var EAETestimonial =function ($scope , $) {
    538             if($scope.find('.eae-grid-wrapper').hasClass('eae-masonry-yes')){
    539                 //console.log('grid');
    540                 var grid = $scope.find('.eae-grid');
    541                 var $grid_obj = grid.masonry({
    542                 });
    543                 $grid_obj.imagesLoaded().progress(function(){
    544                     $grid_obj.masonry('layout');
    545                 });
    546             }
    547             if($scope.find('.eae-layout-carousel').length){
    548                 outer_wrapper = $scope.find('.eae-swiper-outer-wrapper');
    549                 wid = $scope.data('id');
    550                 wclass = '.elementor-element-' + wid;
    551                 var direction = outer_wrapper.data('direction');
    552                 var speed = outer_wrapper.data('speed');
    553                 var autoplay = outer_wrapper.data('autoplay')
    554                 var duration = outer_wrapper.data('duration');
    555                 //console.log(duration);
    556                 var effect = outer_wrapper.data('effect');
    557                 var space = outer_wrapper.data('space');
    558                 var loop = outer_wrapper.data('loop');
    559                 if (loop == 'yes') {
    560                     loop = true;
    561                 }
    562                 else {
    563                     loop = false;
    564                 }
    565                 var slides_per_view = outer_wrapper.data('slides-per-view');
    566                 var slides_per_group = outer_wrapper.data('slides-per-group');
    567                 var ptype = outer_wrapper.data('ptype');
    568                 var navigation = outer_wrapper.data('navigation');
    569                 var clickable = outer_wrapper.data('clickable');
    570                 var keyboard = outer_wrapper.data('keyboard');
    571                 var scrollbar = outer_wrapper.data('scrollbar');
    572                 adata = {
    573                     direction: direction,
    574                     effect: effect,
    575                     spaceBetween: space.desktop,
    576                     loop: loop,
    577                     speed:speed,
    578                     slidesPerView: slides_per_view.desktop,
    579                     slidesPerGroup: slides_per_group.desktop,
    580                     observer: true,
    581                     mousewheel: {
    582                         invert: true,
    583                     },
    584                     breakpoints: {
    585                         1024 :{
    586                             spaceBetween: space.tablet,
    587                             slidesPerView: slides_per_view.tablet,
    588                             slidesPerGroup: slides_per_group.tablet,
    589                         },
    590                         767 : {
    591                             spaceBetween: space.mobile,
    592                             slidesPerView: slides_per_view.mobile,
    593                             slidesPerGroup: slides_per_group.mobile,
    594                         }
    595                     }
    596                 };
    597                 if(effect == 'fade'){
    598                     adata['fadeEffect'] = {
    599                         crossFade : false,
    600                     }
    601                 }
    602                 if(autoplay == 'yes'){
    603                     adata['autoplay']={
    604                         delay : duration,
    605                         disableOnInteraction : false,
    606                     };
    607                 }
    608                 else{
    609                     adata['autoplay'] = false;
    610                 }
    611                 if(navigation == 'yes'){
    612                     adata['navigation'] = {
    613                         nextEl: '.swiper-button-next',
    614                         prevEl: '.swiper-button-prev',
    615                     }
    616                 }
    617                 if(ptype != ''){
    618                     adata['pagination']= {
    619                         el: '.swiper-pagination',
    620                         type: ptype,
    621                     }
    622                 }
    623                 if(ptype == 'bullets' && clickable == 'yes'){
    624                     adata['pagination'] = {
    625                         el: '.swiper-pagination',
    626                         clickable : true,
    627                         type: ptype,
    628                     }
    629                 }
    630                 if(scrollbar == 'yes') {
    631                     adata['scrollbar'] = {
    632                         el: '.swiper-scrollbar',
    633                         draggable: true,
    634                     }
    635                 }
    636                 if(keyboard == 'yes'){
    637                     adata['keyboard'] = {
    638                         enabled:true,
    639                         onlyInViewport : true,
    640                     }
    641                 }
    642                 if(loop == false) {
    643                     adata['autoplay'] ={
    644                         delay : duration,
    645                         stopOnLastSlide : true,
    646                         disableOnInteraction : false,
    647                     }
    648                 }
    649                 //console.log(adata);
    650                 window.mswiper = new Swiper( '.elementor-element-' + wid + ' .eae-swiper-outer-wrapper .swiper-container', adata);
    651                 $('.elementor-element-' + wid  + ' .eae-swiper-outer-wrapper .swiper-container').css('visibility','visible');
    652             }
    653         };
    654 
    655         /* Info Circle */
    656         var InfoCircleHandler = function ($scope, $) {
    657 
    658             $wrap_class = '.elementor-element-'+ $scope.data('id');
    659             $angle = 0;
    660 
    661             function set_icon_mobile($wrap_class) {
    662                 $icons = $(document).find($wrap_class).find('.eae-ic-icon-wrap');
    663 
    664                 if(window.innerWidth < 767){
    665                     $icons.each(function (index, value) {
    666                         $(value).css('top', $(value).height()/2 + 8 + "px");
    667                         $(value).next('.eae-info-circle-item__content-wrap').css('padding-top',$(value).height()/2 + 8 + "px");
    668                     });
    669                 }
    670                 else{
    671                     $icons.each(function (index, value) {
    672                         $(value).css('margin-left', $(value).outerWidth() * -.5);
    673                         $(value).css('margin-top', $(value).outerHeight() * -.5);
    674                         $a = arc_to_coords($angle);
    675                         $b = 360 / $icons.length;
    676                         $(value).css('left', $a.x + "%");
    677                         $(value).css('top', $a.y + "%");
    678                         $angle += $b;
    679                     });
    680                 }
    681             }
    682             set_icon_mobile($scope);
    683 
    684             function arc_to_coords(angle) {
    685                 angle = (angle - 90) * Math.PI / 180;
    686 
    687                 return {
    688                     x: 50 + (45 * Math.cos(angle)),
    689                     y: 50 + (45 * Math.sin(angle))
    690                 }
    691             }
    692 
    693             var timer = null;
    694             $autoplayDuration = $scope.find('.eae-info-circle').data('delay');
    695 
    696             function startSetInterval() {
    697                 if ($scope.find('.eae-info-circle').data('autoplay') == 'yes') {
    698                     timer = setInterval(showDiv, $autoplayDuration);
    699                 }
    700             }
    701 
    702             // start function on page load
    703             startSetInterval();
    704 
    705             // hover behaviour
    706             $scope.find('.eae-ic-icon-wrap').hover(function () {
    707                 clearInterval(timer);
    708             }, function () {
    709                 startSetInterval();
    710             });
    711             if($scope.find('.eae-info-circle-item').length > 0)
    712             {
    713                 $($scope.find('.eae-info-circle-item')[0]).addClass('eae-active');
    714             }
    715 
    716             $scope.find('.eae-ic-icon-wrap').on('click mouseenter', function () {
    717                 $scope.find('.eae-info-circle-item').removeClass('eae-active');
    718                 $(this).parent().addClass('eae-active');
    719             });
    720 
    721             function showDiv() {
    722                 if ($scope.find('.eae-active').next().length > 0) {
    723                     $scope.find('.eae-active').next().addClass('eae-active').siblings().removeClass('eae-active');
    724                 }
    725                 else {
    726                     $scope.find('.eae-info-circle-item').eq(0).addClass('eae-active').siblings().removeClass('eae-active');
    727                 }
    728             }
    729 
    730             window.addEventListener("resize", set_icon_mobile.bind(this,$wrap_class) );
    731         };
    732 
    733         var TimelineHandler = function ($scope, $) {
    734 
    735             set_progress_bar();
    736 
    737             function set_progress_bar() {
    738                 var pb = $scope.find(".eae-timline-progress-bar");
    739                 var items = $scope.find(".eae-timeline-item");
    740                 var tl = $scope.find(".eae-timeline");
    741                 var h = $(tl).height();
    742                 var last_offset = $(items).last().find('.eae-tl-icon-wrapper').offset().top - $(items[0]).parent().offset().top;
    743                 var icon_width = $scope.find('.eae-tl-icon-wrapper');
    744 
    745                 $(pb).css('top', $(items[0]).find('.eae-tl-icon-wrapper').offset().top - $(items[0]).parent().offset().top);
    746                 $(pb).css('bottom', h - last_offset);
    747                 $(pb).css('left', icon_width.eq(0)[0].offsetLeft + icon_width.eq(0).width() / 2);
    748 
    749                 items.each(function (index, value) {
    750                     var waypoint = new Waypoint({
    751                         element: $(value),
    752                         handler: function (direction) {
    753                             if (direction == 'down') {
    754                                 $(value).addClass('eae-tl-item-focused');
    755                             }
    756                             else {
    757                                 $(value).removeClass('eae-tl-item-focused');
    758                             }
    759                         },
    760                         offset: 100,
    761                     })
    762                 });
    763             }
    764 
    765             function progress_bar_increment() {
    766                 var pb = $scope.find(".eae-timline-progress-bar");
    767 
    768                 //jQuery(".eae-timline-progress-bar").css('top', $scope.find(".eae-timeline").offset().top + 50);
    769                 $scope.find(".eae-pb-inner-line").css('height', $(window).scrollTop() - $scope.find(".eae-timeline").offset().top + 100);
    770                 $scope.find(".eae-pb-inner-line").css('max-height', $scope.find(".eae-pb-inner-line").parent().height());
    771             }
    772 
    773             // listen for events
    774             //window.addEventListener("load", set_progress_bar);
    775             window.addEventListener("resize", set_progress_bar);
    776             window.addEventListener("scroll", progress_bar_increment);
    777         };
    778 
    779         function eaeSetCookie(cname, cvalue, exdays) {
    780             var d = new Date();
    781             d.setTime(d.getTime() + (exdays * 60 * 60 * 1000));
    782 
    783             //console.log('exp time',cookie_expire);
    784             //d.setTime(d.getTime() + ( exdays * 60 * 60 * 1000));
    785             var expires = "expires=" + d.toUTCString();
    786             document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    787 
    788         };
    789 
    790         function eaeGetCookie(cname) {
    791             var name = cname + "=";
    792             var decodedCookie = decodeURIComponent(document.cookie);
    793             var ca = decodedCookie.split(';');
    794             for (var i = 0; i < ca.length; i++) {
    795                 var c = ca[i];
    796                 while (c.charAt(0) == ' ') {
    797                     c = c.substring(1);
    798                 }
    799                 if (c.indexOf(name) == 0) {
    800                     return c.substring(name.length, c.length);
    801                 }
    802             }
    803             return "";
    804         };
    805 
    806         var EgTimerSkin1 = function ($scope, $) {
    807 
    808             var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
    809             var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
    810             var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
    811             var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
    812             var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
    813             var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
    814 
    815             var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
    816 
    817             var now = new Date().getTime();
    818 
    819             // for front end time get from cookie
    820 
    821             if(!$scope.hasClass('elementor-element-edit-mode')) {
    822                 if (element_type === 'countdown') {
    823                     date1 = new Date(countDownDate);
    824                     countDownDate = date1.getTime();
    825 
    826                     var expires1 = "expires=" + date1.toUTCString();
    827                     document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";
    828                 }
    829                 else {
    830                     var first_load_value = eaeGetCookie(element_id);
    831                     var date1 = "";
    832                     if (first_load_value !== "") {
    833                         date1 = new Date(parseInt(first_load_value));
    834                         date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    835                         countDownDate = date1.getTime();
    836 
    837                         var d2 = new Date(parseInt(first_load_value));
    838                         d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
    839                         var expires2 = "expires=" + d2.toUTCString();
    840                         document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';
    841 
    842 
    843                         var d1 = new Date(parseInt(first_load_value));
    844                         d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
    845                         var expires1 = "expires=" + d1.toUTCString();
    846 
    847                         //console.log('expire',expires);
    848                         if ((countDownDate - now) > 0) {
    849                             document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";
    850                         }
    851                     }
    852                     else {
    853                         //console.log('countdown date set cookie',countDownDate);
    854                         temp_date = countDownDate;
    855                         date1 = new Date();
    856                         date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    857                         countDownDate = date1.getTime();
    858                         //console.log('countdown date set cookie',countDownDate);
    859                         eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
    860                         //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
    861 
    862                         var d = new Date();
    863                         d.setTime(d.getTime() + (temp_date * 1000));
    864                         var expires = "expires=" + d.toUTCString();
    865                         console.log('first load');
    866                         //console.log('expire',expires);
    867 
    868                         document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";
    869                     }
    870                 }
    871             }
    872             if(!$scope.hasClass('elementor-element-edit-mode')){
    873                 var distance = countDownDate - now;
    874 
    875                 if(distance < 0){
    876 
    877                     if(actions.length > 0)
    878                     {
    879                         actions.forEach(function (value) {
    880                             if (value === 'redirect') {
    881                                 $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
    882                                 if ($url !== "") {
    883                                     window.location.href = $url1;
    884                                 }
    885                             }
    886                             if (value === 'hide') {
    887                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    888                                     $scope.find('#eaeclockdiv').css('display', 'none');
    889                                     $scope.find('.egt-title').css('display', 'none');
    890                                 }
    891                             }
    892                             if (value === 'message') {
    893                                 $scope.find('.eae-egt-message').css('display', 'block');
    894                             }
    895                             if (value === 'hide_parent') {
    896                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    897                                     $p_secs = $scope.closest('section');
    898                                     $p_secs.css('display', 'none');
    899                                 }
    900                             }
    901                         });
    902                     }
    903 
    904                     days = "00";
    905                     hours = "00";
    906                     minutes = "00";
    907                     seconds = "00";
    908 
    909                     $scope.find('.'+unqId).find('#eaedivDays').html(days);
    910                     $scope.find('.'+unqId).find('#eaedivHours').html(hours.slice(-2));
    911                     $scope.find('.'+unqId).find('#eaedivMinutes').html(minutes.slice(-2));
    912                     $scope.find('.'+unqId).find('#eaedivSeconds').html(seconds.slice(-2));
    913                     return;
    914                 }
    915             }
    916 
    917             // For editor
    918 
    919             if($scope.hasClass('elementor-element-edit-mode')) {
    920                 console.log('editor');
    921                 if (element_type === 'countdown') {
    922                     date1 = new Date(countDownDate);
    923                     countDownDate = date1.getTime();
    924                 }
    925                 else {
    926                     date1 = new Date();
    927                     date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    928                     countDownDate = date1.getTime();
    929                 }
    930 
    931                 console.log('date editor', countDownDate);
    932             }
    933 
    934             var y = setInterval(function () {
    935                 //console.log('c date inner',countDownDate);
    936                 // Get todays date and time
    937 
    938                 var now = new Date().getTime();
    939                 // Find the distance between now and the count down date
    940 
    941                 var distance = countDownDate - now;
    942 
    943                 //console.log('distance',distance);
    944                 var days = 0;
    945                 var hours = 0;
    946                 var minutes = 0;
    947                 var seconds = 0;
    948                 if (distance > 0) {
    949                     // Time calculations for days, hours, minutes and seconds
    950                     days = Math.floor(distance / (1000 * 60 * 60 * 24));
    951                     hours = "0" + Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    952                     minutes = "0" + Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    953                     seconds = "0" + Math.floor((distance % (1000 * 60)) / 1000);
    954                 }
    955                 else {
    956                     if(actions.length > 0)
    957                     {
    958                         actions.forEach(function (value) {
    959                             if (value === 'redirect') {
    960                                 $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
    961                                 if ($url1 !== "") {
    962                                     window.location.href = $url1;
    963                                 }
    964                             }
    965                             if (value === 'hide') {
    966                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    967                                     $scope.find('#eaeclockdiv').css('display', 'none');
    968                                     $scope.find('.egt-title').css('display', 'none');
    969                                 }
    970                             }
    971                             if (value === 'message') {
    972                                 $scope.find('.eae-egt-message').css('display', 'block');
    973                             }
    974                             if (value === 'hide_parent') {
    975                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    976                                     $p_secs = $scope.closest('section');
    977                                     $p_secs.css('display', 'none');
    978                                 }
    979                             }
    980                         });
    981                     }
    982                     clearInterval(y);
    983                     days = "00";
    984                     hours = "00";
    985                     minutes = "00";
    986                     seconds = "00";
    987                 }
    988 
    989                 if(days < 10)
    990                 {
    991                     days = "0"+ days;
    992                 }
    993                 $scope.find('.'+unqId).find('#eaedivDays').html(days);
    994                 $scope.find('.'+unqId).find('#eaedivHours').html(hours.slice(-2));
    995                 $scope.find('.'+unqId).find('#eaedivMinutes').html(minutes.slice(-2));
    996                 $scope.find('.'+unqId).find('#eaedivSeconds').html(seconds.slice(-2));
    997 
    998             }, 1000);
    999         };
    1000 
    1001         var EgTimerSkin2 = function ($scope, $) {
    1002             var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
    1003             var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
    1004             var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
    1005             var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
    1006             var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
    1007             var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
    1008             var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
    1009 
    1010             var now = new Date().getTime();
    1011 
    1012             if(!$scope.hasClass('elementor-element-edit-mode')) {
    1013                 if (element_type === 'countdown') {
    1014                     date1 = new Date(countDownDate);
    1015                     countDownDate = date1.getTime();
    1016                     console.log('countdown',countDownDate);
    1017                     console.log('date 1',date1);
    1018                     console.log('date 1 gettime',date1.getTime());
    1019                     var expires1 = "expires=" + date1.toUTCString();
    1020                     console.log('expire',expires1);
    1021 
    1022                     document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";
    1023                 }
    1024                 else {
    1025                     var first_load_value = eaeGetCookie(element_id);
    1026                     var date1 = "";
    1027                     if (first_load_value !== "") {
    1028                         date1 = new Date(parseInt(first_load_value));
    1029                         date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    1030                         countDownDate = date1.getTime();
    1031 
    1032                         var d2 = new Date(parseInt(first_load_value));
    1033                         d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
    1034                         var expires2 = "expires=" + d2.toUTCString();
    1035                         document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';
    1036 
    1037 
    1038                         var d1 = new Date(parseInt(first_load_value));
    1039                         d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
    1040                         var expires1 = "expires=" + d1.toUTCString();
    1041 
    1042                         //console.log('expire',expires);
    1043                         if ((countDownDate - now) > 0) {
    1044                             document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";
    1045                         }
    1046                     }
    1047                     else {
    1048                         //console.log('countdown date set cookie',countDownDate);
    1049                         temp_date = countDownDate;
    1050                         date1 = new Date();
    1051                         date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    1052                         countDownDate = date1.getTime();
    1053                         //console.log('countdown date set cookie',countDownDate);
    1054                         eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
    1055                         //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
    1056 
    1057                         var d = new Date();
    1058                         d.setTime(d.getTime() + (temp_date * 1000));
    1059                         var expires = "expires=" + d.toUTCString();
    1060                         console.log('first load');
    1061                         //console.log('expire',expires);
    1062 
    1063                         document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";
    1064                     }
    1065                 }
    1066             }
    1067             if(!$scope.hasClass('elementor-element-edit-mode')){
    1068                 var distance = countDownDate - now;
    1069                 console.log('frontend actions');
    1070                 if(distance < 0){
    1071 
    1072                     if(actions.length > 0)
    1073                     {
    1074                         actions.forEach(function (value) {
    1075                             if (value === 'redirect') {
    1076                                 $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
    1077                                 if ($url !== "") {
    1078                                     window.location.href = $url;
    1079                                 }
    1080                             }
    1081                             if (value === 'hide') {
    1082                                 $scope.find('.'+unqId).find('.timer-container').css('display', 'none');
    1083                                 $scope.find('.'+unqId).find('.egt-title').css('display', 'none');
    1084                             }
    1085                             if (value === 'message') {
    1086                                 $scope.find('.'+unqId).find('.eae-egt-message').css('display', 'block');
    1087                             }
    1088                             if (value === 'hide_parent') {
    1089                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    1090                                     $p_secs = $scope.closest('section');
    1091                                     $p_secs.css('display', 'none');
    1092                                 }
    1093                             }
    1094                         });
    1095                     }
    1096 
    1097 
    1098                     return;
    1099                 }
    1100             }
    1101 
    1102             if($scope.hasClass('elementor-element-edit-mode')) {
    1103                 console.log('editor');
    1104                 if (element_type === 'countdown') {
    1105                     date1 = new Date(countDownDate);
    1106                     countDownDate = date1.getTime();
    1107                 }
    1108                 else {
    1109                     date1 = new Date();
    1110                     date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    1111                     countDownDate = date1.getTime();
    1112                 }
    1113 
    1114                 console.log('date editor', countDownDate);
    1115             }
    1116 
    1117             // Update the count down every 1 second
    1118             var x = setInterval(function () {
    1119 
    1120                 // Get todays date and time
    1121                 var now = new Date().getTime();
    1122 
    1123                 // Find the distance between now and the count down date
    1124                 var distance = countDownDate - now;
    1125 
    1126                 // Time calculations for days, hours, minutes and seconds
    1127                 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    1128                 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    1129                 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    1130                 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    1131 
    1132                 $scope.find('.'+unqId).find('#eaeulSec1').find('.flip-clock-active').removeClass('flip-clock-active');
    1133                 $scope.find('.'+unqId).find('#eaeulSec1').find('.flip-clock-before').removeClass('flip-clock-before');
    1134                 $scope.find('.'+unqId).find('#eaeulSec').find('.flip-clock-active').removeClass('flip-clock-active');
    1135                 $scope.find('.'+unqId).find('#eaeulSec').find('.flip-clock-before').removeClass('flip-clock-before');
    1136                 // If the count down is finished, write some text
    1137                 if (distance < 0) {
    1138                     clearInterval(x);
    1139                     if(actions.length > 0)
    1140                     {
    1141                         console.log('action length',actions.length);
    1142                         actions.forEach(function (value) {
    1143                             if (value === 'redirect') {
    1144                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    1145                                     $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
    1146                                     console.log('url',$url1);
    1147                                     if ($url1 !== "") {
    1148                                         window.location.href = $url1;
    1149                                     }
    1150                                 }
    1151                             }
    1152                             if (value === 'hide') {
    1153                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    1154                                     $scope.find('.' + unqId).find('.timer-container').css('display', 'none');
    1155                                     $scope.find('.' + unqId).find('.egt-title').css('display', 'none');
    1156                                 }
    1157                             }
    1158                             if (value === 'message') {
    1159                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    1160                                     $scope.find('.' + unqId).find('.eae-egt-message').css('display', 'block');
    1161                                 }
    1162                             }
    1163                             if (value === 'hide_parent') {
    1164                                 if(!$scope.hasClass('elementor-element-edit-mode')) {
    1165                                     $p_secs = $scope.closest('section');
    1166                                     $p_secs.css('display', 'none');
    1167                                 }
    1168                             }
    1169                         });
    1170                     }
    1171                     //document.getElementById("demo").Html = "EXPIRED";
    1172                     return;
    1173                 }
    1174                 if($.trim(seconds).length === 2){
    1175                     //var x = parseInt($.trim(seconds).charAt(1)) - 1;
    1176                     var a = "#eaeulSec1 li:eq( "+ $.trim(seconds).charAt(1) +" )";
    1177                     var b = "#eaeulSec li:eq( "+ $.trim(seconds).charAt(0) +" )";
    1178 
    1179                     if ($scope.find('.'+unqId).find(a).next().length > 0) {
    1180                         $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
    1181                         $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
    1182                     }
    1183                     else{
    1184                         $scope.find('.'+unqId).find('#eaeulSec1 li:last-child').addClass('flip-clock-active');
    1185                         $scope.find('.'+unqId).find('#eaeulSec1 li:first-child').addClass('flip-clock-before');
    1186                     }
    1187                     if ($scope.find('.'+unqId).find(b).next().length > 0) {
    1188                         $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
    1189                         $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
    1190                     }
    1191                     else{
    1192                         $scope.find('.'+unqId).find('#eaeulSec li:last-child').addClass('flip-clock-active');
    1193                         $scope.find('.'+unqId).find('#eaeulSec li:first-child').addClass('flip-clock-before');
    1194                     }
    1195                 }
    1196                 else{
    1197                     //var x = parseInt($.trim(seconds).charAt(1)) - 1;
    1198                     var a = "#eaeulSec1 li:eq( "+ $.trim(seconds).charAt(0) +" )";
    1199                     var b = "#eaeulSec li:eq( 0 )";
    1200 
    1201                     if ($scope.find('.'+unqId).find(a).next().length > 0) {
    1202                         $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
    1203                         $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
    1204                     }
    1205                     else{
    1206                         $scope.find('.'+unqId).find('#eaeulSec1 li:last-child').addClass('flip-clock-active');
    1207                         $scope.find('.'+unqId).find('#eaeulSec1 li:first-child').addClass('flip-clock-before');
    1208                     }
    1209 
    1210                     if ($scope.find('.'+unqId).find(b).next().length > 0) {
    1211                         $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
    1212                         $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
    1213                     }
    1214                     else{
    1215                         $scope.find('.'+unqId).find('#eaeulSec li:last-child').addClass('flip-clock-active');
    1216                         $scope.find('.'+unqId).find('#eaeulSec li:first-child').addClass('flip-clock-before');
    1217                     }
    1218                 }
    1219 
    1220                 $scope.find('.'+unqId).find('#eaeulMin1').find('.flip-clock-active').removeClass('flip-clock-active');
    1221                 $scope.find('.'+unqId).find('#eaeulMin1').find('.flip-clock-before').removeClass('flip-clock-before');
    1222                 $scope.find('.'+unqId).find('#eaeulMin').find('.flip-clock-active').removeClass('flip-clock-active');
    1223                 $scope.find('.'+unqId).find('#eaeulMin').find('.flip-clock-before').removeClass('flip-clock-before');
    1224 
    1225                 if($.trim(minutes).length == 2){
    1226                     //var x = parseInt($.trim(seconds).charAt(1)) - 1;
    1227                     var a = "#eaeulMin1 li:eq( "+ $.trim(minutes).charAt(1) +" )";
    1228                     var b = "#eaeulMin li:eq( "+ $.trim(minutes).charAt(0) +" )";
    1229 
    1230                     if ($scope.find('.'+unqId).find(a).next().length > 0) {
    1231                         $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
    1232                         $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
    1233                     }
    1234                     else{
    1235                         $scope.find('.'+unqId).find('#eaeulMin1 li:last-child').addClass('flip-clock-active');
    1236                         $scope.find('.'+unqId).find('#eaeulMin1 li:first-child').addClass('flip-clock-before');
    1237                     }
    1238                     if ($scope.find('.'+unqId).find(b).next().length > 0) {
    1239                         $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
    1240                         $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
    1241                     }
    1242                     else{
    1243                         $scope.find('.'+unqId).find('#eaeulMin li:last-child').addClass('flip-clock-active');
    1244                         $scope.find('.'+unqId).find('#eaeulMin li:first-child').addClass('flip-clock-before');
    1245                     }
    1246                 }
    1247                 else{
    1248                     //var x = parseInt($.trim(seconds).charAt(1)) - 1;
    1249                     var a = "#eaeulMin1 li:eq( "+ $.trim(minutes).charAt(0) +" )";
    1250                     var b = "#eaeulMin li:eq( 0 )";
    1251 
    1252                     if ($scope.find('.'+unqId).find(a).next().length > 0) {
    1253                         $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
    1254                         $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
    1255                     }
    1256                     else{
    1257                         $scope.find('.'+unqId).find('#eaeulMin1 li:last-child').addClass('flip-clock-active');
    1258                         $scope.find('.'+unqId).find('#eaeulMin1 li:first-child').addClass('flip-clock-before');
    1259                     }
    1260 
    1261                     if ($scope.find('.'+unqId).find(b).next().length > 0) {
    1262                         $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
    1263                         $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
    1264                     }
    1265                     else{
    1266                         $scope.find('.'+unqId).find('#eaeulMin li:last-child').addClass('flip-clock-active');
    1267                         $scope.find('.'+unqId).find('#eaeulMin li:first-child').addClass('flip-clock-before');
    1268                     }
    1269                 }
    1270 
    1271                 $scope.find('.'+unqId).find('#eaeulHour1').find('.flip-clock-active').removeClass('flip-clock-active');
    1272                 $scope.find('.'+unqId).find('#eaeulHour1').find('.flip-clock-before').removeClass('flip-clock-before');
    1273                 $scope.find('.'+unqId).find('#eaeulHour').find('.flip-clock-active').removeClass('flip-clock-active');
    1274                 $scope.find('.'+unqId).find('#eaeulHour').find('.flip-clock-before').removeClass('flip-clock-before');
    1275 
    1276                 if($.trim(hours).length == 2){
    1277                     //var x = parseInt($.trim(seconds).charAt(1)) - 1;
    1278                     var a = "#eaeulHour1 li:eq( "+ $.trim(hours).charAt(1) +" )";
    1279                     var b = "#eaeulHour li:eq( "+ $.trim(hours).charAt(0) +" )";
    1280 
    1281                     if ($scope.find('.'+unqId).find(a).next().length > 0) {
    1282                         $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
    1283                         $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
    1284                     }
    1285                     else{
    1286                         $scope.find('.'+unqId).find('#eaeulHour1 li:last-child').addClass('flip-clock-active');
    1287                         $scope.find('.'+unqId).find('#eaeulHour1 li:first-child').addClass('flip-clock-before');
    1288                     }
    1289                     if ($scope.find('.'+unqId).find(b).next().length > 0) {
    1290                         $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
    1291                         $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
    1292                     }
    1293                     else{
    1294                         $scope.find('.'+unqId).find('#eaeulHour li:last-child').addClass('flip-clock-active');
    1295                         $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
    1296                     }
    1297                 }
    1298                 else{
    1299                     //var x = parseInt($.trim(seconds).charAt(1)) - 1;
    1300                     var a = "#eaeulHour1 li:eq( "+ $.trim(hours).charAt(0) +" )";
    1301                     var b = "#eaeulHour li:eq( 0 )";
    1302 
    1303                     if ($scope.find('.'+unqId).find(a).next().length > 0) {
    1304                         $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
    1305                         $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
    1306                     }
    1307                     else{
    1308                         $scope.find('.'+unqId).find('#eaeulHour1 li:last-child').addClass('flip-clock-active');
    1309                         $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
    1310                     }
    1311 
    1312                     if ($scope.find('.'+unqId).find(b).next().length > 0) {
    1313                         $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
    1314                         $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
    1315                     }
    1316                     else{
    1317                         $scope.find('.'+unqId).find('#eaeulHour li:last-child').addClass('flip-clock-active');
    1318                         $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
    1319                     }
    1320                 }
    1321 
    1322                 $scope.find('.'+unqId).find('#eaeulDay1').find('.flip-clock-active').removeClass('flip-clock-active');
    1323                 $scope.find('.'+unqId).find('#eaeulDay1').find('.flip-clock-before').removeClass('flip-clock-before');
    1324                 $scope.find('.'+unqId).find('#eaeulDay').find('.flip-clock-active').removeClass('flip-clock-active');
    1325                 $scope.find('.'+unqId).find('#eaeulDay').find('.flip-clock-before').removeClass('flip-clock-before');
    1326 
    1327                 if($.trim(days).length == 2){
    1328                     //var x = parseInt($.trim(seconds).charAt(1)) - 1;
    1329                     var a = "#eaeulDay1 li:eq( "+ $.trim(days).charAt(1) +" )";
    1330                     var b = "#eaeulDay li:eq( "+ $.trim(days).charAt(0) +" )";
    1331 
    1332                     if ($scope.find('.'+unqId).find(a).next().length > 0) {
    1333                         $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
    1334                         $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
    1335                     }
    1336                     else{
    1337                         $scope.find('.'+unqId).find('#eaeulDay1 li:last-child').addClass('flip-clock-active');
    1338                         $scope.find('.'+unqId).find('#eaeulDay1 li:first-child').addClass('flip-clock-before');
    1339                     }
    1340                     if ($scope.find('.'+unqId).find(b).next().length > 0) {
    1341                         $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
    1342                         $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
    1343                     }
    1344                     else{
    1345                         $scope.find('.'+unqId).find('#eaeulDay li:last-child').addClass('flip-clock-active');
    1346                         $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
    1347                     }
    1348                 }
    1349                 else{
    1350                     //var x = parseInt($.trim(seconds).charAt(1)) - 1;
    1351                     var a = "#eaeulDay1 li:eq( "+ $.trim(days).charAt(0) +" )";
    1352                     var b = "#eaeulDay li:eq( 0 )";
    1353 
    1354                     if ($scope.find('.'+unqId).find(a).next().length > 0) {
    1355                         $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
    1356                         $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
    1357                     }
    1358                     else{
    1359                         $scope.find('.'+unqId).find('#eaeulDay1 li:last-child').addClass('flip-clock-active');
    1360                         $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
    1361                     }
    1362 
    1363                     if ($scope.find('.'+unqId).find(b).next().length > 0) {
    1364                         $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
    1365                         $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
    1366                     }
    1367                     else{
    1368                         $scope.find('.'+unqId).find('#eaeulDay li:last-child').addClass('flip-clock-active');
    1369                         $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
    1370                     }
    1371                 }
    1372 
    1373             }, 1000);
    1374         };
    1375 
    1376         var EgTimerSkin3 = function ($scope, $) {
    1377             var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
    1378             var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
    1379             var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
    1380             var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
    1381             var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
    1382             var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
    1383             var dayShow = $scope.find(".eae-evergreen-wrapper").data("days");
    1384             var hourShow = $scope.find(".eae-evergreen-wrapper").data("hours");
    1385             var minShow = $scope.find(".eae-evergreen-wrapper").data("mins");
    1386             var secShow = $scope.find(".eae-evergreen-wrapper").data("seconds");
    1387             var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
    1388 
    1389             var now = new Date().getTime();
    1390 
    1391             // for front end time get from cookie
    1392 
    1393             if(!$scope.hasClass('elementor-element-edit-mode')) {
    1394                 if (element_type === 'countdown') {
    1395                     date1 = new Date(countDownDate);
    1396                     countDownDate = date1.getTime();
    1397 
    1398                     var expires1 = "expires=" + date1.toUTCString();
    1399                     document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";
    1400 
    1401                 }
    1402                 else {
    1403                     var first_load_value = eaeGetCookie(element_id);
    1404                     var date1 = "";
    1405                     if (first_load_value !== "") {
    1406                         date1 = new Date(parseInt(first_load_value));
    1407                         date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    1408                         countDownDate = date1.getTime();
    1409 
    1410                         var d2 = new Date(parseInt(first_load_value));
    1411                         d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
    1412                         var expires2 = "expires=" + d2.toUTCString();
    1413                         document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';
    1414 
    1415 
    1416                         var d1 = new Date(parseInt(first_load_value));
    1417                         d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
    1418                         var expires1 = "expires=" + d1.toUTCString();
    1419 
    1420                         //console.log('expire',expires);
    1421                         if ((countDownDate - now) > 0) {
    1422                             document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";
    1423                         }
    1424                     }
    1425                     else {
    1426                         //console.log('countdown date set cookie',countDownDate);
    1427                         temp_date = countDownDate;
    1428                         date1 = new Date();
    1429                         date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    1430                         countDownDate = date1.getTime();
    1431                         //console.log('countdown date set cookie',countDownDate);
    1432                         eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
    1433                         //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
    1434 
    1435                         var d = new Date();
    1436                         d.setTime(d.getTime() + (temp_date * 1000));
    1437                         var expires = "expires=" + d.toUTCString();
    1438                         console.log('first load');
    1439                         //console.log('expire',expires);
    1440 
    1441                         document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";
    1442                     }
    1443                 }
    1444             }
    1445             if(!$scope.hasClass('elementor-element-edit-mode')) {
    1446                 var distance = updateTime(countDownDate);
    1447 
    1448                 if (parseInt(distance.all) < 1) {
    1449                     console.log('distance', distance.all);
    1450                     console.log('action length', actions.length);
    1451                     if (actions.length > 0) {
    1452                         actions.forEach(function (value) {
    1453                             if (value === 'redirect') {
    1454                                 if (!$scope.hasClass('elementor-element-edit-mode')) {
    1455                                     $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
    1456                                     if ($url !== "") {
    1457                                         window.location.href = $url;
    1458                                     }
    1459                                 }
    1460                             }
    1461                             if (value === 'hide_parent') {
    1462                                 if (!$scope.hasClass('elementor-element-edit-mode')) {
    1463                                     $p_secs = $scope.closest('section');
    1464                                     $p_secs.css('display', 'none');
    1465                                 }
    1466                             }
    1467                             if (value === 'hide') {
    1468                                 $scope.find('#timer').css('display', 'none');
    1469                                 $scope.find('.egt-title').css('display', 'none');
    1470                                 $scope.find('.desc').css('display', 'none');
    1471                             }
    1472                             if (value === 'message') {
    1473                                 $scope.find('.eae-egt-message').css('display', 'block');
    1474                             }
    1475                         });
    1476 
    1477                         if(actions.length === 1){
    1478                             if(actions[0] === '' || actions[0] === 'message'){
    1479                                 var clock = $scope.find('.' + unqId).find('#timer')[0];
    1480                                 //clock.innerHTML = "<span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span>";
    1481                                 if (dayShow === 'yes') {
    1482                                     clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
    1483                                 }
    1484                                 if (hourShow === 'yes') {
    1485                                     if (dayShow === 'yes') {
    1486                                         $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
    1487                                     }
    1488                                     else {
    1489                                         clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
    1490                                     }
    1491                                 }
    1492                                 if (minShow === 'yes') {
    1493                                     if (dayShow === 'yes' || hourShow === 'yes') {
    1494                                         $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
    1495                                     }
    1496                                     else {
    1497                                         clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
    1498                                     }
    1499                                 }
    1500                                 if (secShow === 'yes') {
    1501                                     if (dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
    1502                                         $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
    1503                                     }
    1504                                     else {
    1505                                         clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
    1506                                     }
    1507                                 }
    1508                             }
    1509                         }
    1510                     }
    1511 
    1512                     // set html for 000000
    1513 
    1514 
    1515                     return;
    1516                 }
    1517             }
    1518 
    1519             if($scope.hasClass('elementor-element-edit-mode')) {
    1520                 if (element_type === 'countdown') {
    1521                     date1 = new Date(countDownDate);
    1522                     countDownDate = date1.getTime();
    1523                 }
    1524                 else {
    1525                     date1 = new Date();
    1526                     date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
    1527                     countDownDate = date1.getTime();
    1528                 }
    1529 
    1530                 console.log('date editor', countDownDate);
    1531             }
    1532 
    1533            /* if (element_type === 'countdown') {
    1534                 date1 = new Date(countDownDate);
    1535                 countDownDate = date1.getTime();
    1536             }
    1537             else {
    1538                 var first_load_value = eaeGetCookie(element_id);
    1539                 var date1 = "";
    1540                 if (first_load_value !== "") {
    1541                     date1 = new Date(parseInt(first_load_value));
    1542                     date1.setSeconds(date1.getSeconds() + countDownDate);
    1543                     countDownDate = date1.getTime();
    1544                 }
    1545                 else {
    1546                     date1 = new Date();
    1547                     date1.setSeconds(date1.getSeconds() + countDownDate);
    1548                     countDownDate = date1.getTime();
    1549                     eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
    1550                 }
    1551             }*/
    1552 
    1553             var timer = updateTime(countDownDate);
    1554 
    1555             if(timer.all > 1) {
    1556                startTimer('timer', countDownDate);
    1557             }
    1558 
    1559             function updateTime(endDate) {
    1560                 var time = countDownDate - new Date();
    1561 
    1562                 return {
    1563                     'days': Math.floor( time / (1000*60*60*24) ),
    1564                     'hours': "0" + Math.floor( (time / (1000*60*60)) % 24 ),
    1565                     'minutes': "0" + Math.floor( (time / (1000*60)) % 60 ),
    1566                     'seconds': "0" + Math.floor( (time / 1000) % 60 ),
    1567                     'all': time
    1568                 }
    1569 
    1570             }
    1571 
    1572             function animate(span) {
    1573                 span.classList.add('fade');
    1574                 setTimeout(function() {
    1575                     span.classList.remove('fade');
    1576                 }, 700)
    1577             }
    1578             function startTimer(clockID, endDate) {
    1579 
    1580                 var timeInt = setInterval(function() {
    1581                     //var clock = document.getElementById(clockID);
    1582                     var clock = $scope.find('.'+unqId).find('#timer')[0];
    1583                     var timer = updateTime(countDownDate);
    1584 
    1585                     //clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>"+timer.days+"</div></span><span class='egt-time eae-time-wrapper'><div>"+timer.hours+" </div></span><span class='egt-time eae-time-wrapper'><div>"+timer.minutes+"</div></span><span class='egt-time eae-time-wrapper'><div>"+timer.seconds+"</div></span>";
    1586                     if(dayShow === 'yes')
    1587                     {
    1588                         if(timer.days < 10){
    1589                             timer.days = "0" + timer.days;
    1590                         }
    1591                         clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>"+timer.days+"</div></span>";
    1592                     }
    1593                     if(hourShow === 'yes') {
    1594                         if(dayShow === 'yes') {
    1595                             $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.hours.slice(-2) + "</div></span>");
    1596                         }
    1597                         else {
    1598                             clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.hours.slice(-2) + "</div></span>";
    1599                         }
    1600                     }
    1601                     if(minShow === 'yes') {
    1602                         if(dayShow === 'yes' || hourShow === 'yes') {
    1603                             $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.minutes.slice(-2) + "</div></span>");
    1604                         }
    1605                         else{
    1606                             clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.minutes.slice(-2) + "</div></span>";
    1607                         }
    1608                     }
    1609                     if(secShow === 'yes') {
    1610                         if(dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
    1611                             $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.seconds.slice(-2) + "</div></span>");
    1612                         }
    1613                         else{
    1614                             clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.seconds.slice(-2) + "</div></span>";
    1615                         }
    1616                     }
    1617                     //console.log('d',dayShow,'h',hourShow,'m',minShow,'s',secShow);
    1618                     // animate
    1619                     var spans = clock.getElementsByTagName('span');
    1620                     if(dayShow === 'yes') {
    1621                         if (timer.hours == 59 && timer.minutes == 59 && timer.seconds == 59) animate(spans[0]);
    1622                     }
    1623 
    1624                     if(hourShow === 'yes') {
    1625                         if(dayShow === 'yes') {
    1626                             if (timer.minutes == 59 && timer.seconds == 59) animate(spans[1]);
    1627                         }
    1628                         else {
    1629                             if (timer.minutes == 59 && timer.seconds == 59) animate(spans[0]);
    1630                         }
    1631                     }
    1632 
    1633                     if(minShow === 'yes') {
    1634                         if(dayShow === 'yes') {
    1635                             if(hourShow === 'yes') {
    1636                                 if (timer.seconds == 59) animate(spans[2]);
    1637                             }
    1638                             else{
    1639                                 if (timer.seconds == 59) animate(spans[1]);
    1640                             }
    1641                         }
    1642                         else {
    1643                             if(hourShow === 'yes') {
    1644                                 if (timer.seconds == 59) animate(spans[1]);
    1645                             }
    1646                             else{
    1647                                 if (timer.seconds == 59) animate(spans[0]);
    1648                             }
    1649                         }
    1650                     }
    1651                     if(secShow === 'yes') {
    1652                         if(dayShow === 'yes') {
    1653                             if(hourShow === 'yes') {
    1654                                 if(minShow === 'yes') {
    1655                                     animate(spans[3]);
    1656                                 }
    1657                             }
    1658                             else{
    1659                                 if(minShow === 'yes') {
    1660                                     animate(spans[2]);
    1661                                 }
    1662                                 else{
    1663                                     animate(spans[1]);
    1664                                 }
    1665                             }
    1666                         }
    1667                         else{
    1668                             if(hourShow === 'yes') {
    1669                                 if(minShow === 'yes') {
    1670                                     animate(spans[2]);
    1671                                 }
    1672                             }
    1673                             else{
    1674                                 if(minShow === 'yes') {
    1675                                     animate(spans[1]);
    1676                                 }
    1677                                 else{
    1678                                     animate(spans[0]);
    1679                                 }
    1680                             }
    1681                         }
    1682                     }
    1683 
    1684                     if(timer.all <= 1) {
    1685                         clearInterval(timeInt);
    1686                         //clock.innerHTML = "<span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span>";
    1687                         if(dayShow === 'yes')
    1688                         {
    1689                             clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
    1690                         }
    1691                         if(hourShow === 'yes') {
    1692                             if(dayShow === 'yes') {
    1693                                 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
    1694                             }
    1695                             else {
    1696                                 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
    1697                             }
    1698                         }
    1699                         if(minShow === 'yes') {
    1700                             if(dayShow === 'yes' || hourShow === 'yes') {
    1701                                 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
    1702                             }
    1703                             else{
    1704                                 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
    1705                             }
    1706                         }
    1707                         if(secShow === 'yes') {
    1708                             if(dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
    1709                                 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
    1710                             }
    1711                             else{
    1712                                 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
    1713                             }
    1714                         }
    1715 
    1716                         if (!$scope.hasClass('elementor-element-edit-mode')) {
    1717                             if (actions.length > 0) {
    1718                                 actions.forEach(function (value) {
    1719                                     console.log('value', value);
    1720                                     if (value === 'redirect') {
    1721                                         $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
    1722                                         if ($url1 !== "") {
    1723                                             window.location.href = $url1;
    1724                                         }
    1725                                     }
    1726                                     if (value === 'hide') {
    1727                                         $scope.find('#timer').css('display', 'none');
    1728                                         $scope.find('.egt-title').css('display', 'none');
    1729                                         $scope.find('.desc').css('display', 'none');
    1730                                     }
    1731                                     if (value === 'message') {
    1732                                         $scope.find('.eae-egt-message').css('display', 'block');
    1733                                     }
    1734                                     if (value === 'hide_parent') {
    1735                                         $p_secs = $scope.closest('section');
    1736                                         $p_secs.css('display', 'none');
    1737                                     }
    1738                                 });
    1739                             }
    1740                         }
    1741                     }
    1742                 }, 1000);
    1743             }
    1744         };
    1745 
    1746         var EgTimerSkin4 = function ($scope, $) {
    1747             var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
    1748             var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
    1749             var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
    1750             var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
    1751             var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
    1752             var dayShow = $scope.find(".eae-evergreen-wrapper").data("days");
    1753             var hourShow = $scope.find(".eae-evergreen-wrapper").data("hours");
    1754             var minShow = $scope.find(".eae-evergreen-wrapper").data("mins");
    1755             var secShow = $scope.find(".eae-evergreen-wrapper").data("seconds");
    1756 
    1757 
    1758             if (element_type === 'countdown') {
    1759                 date1 = new Date(countDownDate);
    1760                 countDownDate = date1.getTime();
    1761                 countDownDate = Math.floor((countDownDate - new Date())/1000);
    1762             }
    1763             else {
    1764                 var first_load_value = eaeGetCookie(element_id);
    1765                 var date1 = "";
    1766                 var cur_date = "";
    1767                 if (first_load_value !== "") {
    1768                     date1 = new Date(parseInt(first_load_value));
    1769                     cur_date = new Date().getTime();
    1770                     date1 = cur_date - first_load_value;
    1771                     date1 = date1/1000;
    1772                     countDownDate = countDownDate - date1;
    1773                 }
    1774                 else {
    1775                     //date1 = new Date();
    1776                     //date1.setSeconds(date1.getSeconds() + countDownDate);
    1777                     //console.log('date1 else',date1);
    1778                     //countDownDate = countDownDate;
    1779                     eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
    1780                 }
    1781             }
    1782 
    1783             C3Counter("counter", { startTime :countDownDate });
    1784 
    1785             function C3Counter(id, opt) {
    1786 
    1787                 this.options = {
    1788                     stepTime: 60, // not used
    1789                     format: "dd:hh:mm:ss", // not used
    1790                     startTime: "00:00:00:00",
    1791                     digitImages: 1,
    1792                     digitWidth: 30,
    1793                     digitHeight: 44,
    1794                     digitSlide : true,
    1795                     digitSlideTime : 200,
    1796                     digitImageHeight : 484,
    1797                     digitAnimationHeight : 44,
    1798                     timerEnd: function(){},
    1799                     image: "digits.png",
    1800                     updateInterval : 1000
    1801 
    1802                 };
    1803                 var s;
    1804                 if (typeof opt != "undefined") {
    1805                     for (s in this.options) {
    1806                         if (typeof opt[s] != "undefined") {
    1807                             this.options[s] = opt[s];
    1808                         }
    1809                     }
    1810                 }
    1811                 if (String(options.startTime).indexOf(":") == -1) {
    1812                     options.tempStartTime = options.startTime;
    1813                 } else {
    1814                     //TODO - does not convert time with : to seconds to count
    1815                     var td = new Date(options.startTime);
    1816                 }
    1817 
    1818 
    1819                 this.pad2 = function(number) {
    1820                     return (number < 10 ? '0' : '') + number;
    1821                 }
    1822 
    1823                 var timer = setInterval( "this.updateCounter()", options.updateInterval);
    1824                 var startTime = new Date().getTime();
    1825                 var secNo = 0;
    1826                 var timerSingle = new Array();
    1827                 var dc = 0;
    1828                 var digits = new Array();
    1829                 var d = new Date();
    1830                 var lastTime = d.getTime();
    1831 
    1832                 this.calculateTime = function() {
    1833                     var tempTime = options.tempStartTime;
    1834 
    1835                     if (String(options.tempStartTime).indexOf(":") == -1) {
    1836                         var seconds=Math.round(options.tempStartTime % 60);
    1837                         options.tempStartTime=Math.floor(options.tempStartTime/60);
    1838                         var minutes=Math.round(options.tempStartTime % 60);
    1839                         options.tempStartTime=Math.floor(options.tempStartTime/60);
    1840                         var hours=Math.round(options.tempStartTime % 24);
    1841                         options.tempStartTime=Math.floor(options.tempStartTime/24);
    1842                         var days=Math.round(options.tempStartTime);
    1843                         options.timeStr = this.pad2(days)+this.pad2(hours)+this.pad2(minutes)+this.pad2(seconds);
    1844                     }
    1845 
    1846                     var currTime = new Date().getTime();
    1847                     var diff = currTime - startTime;
    1848                     if(seconds < 0 || minutes < 0 || hours < 0 || days < 0){
    1849                         options.timeStr = this.pad2(0)+this.pad2(0)+this.pad2(0)+this.pad2(0);
    1850                     }
    1851                     options.tempStartTime = options.startTime - Math.round(diff/1000);
    1852                 };
    1853                 this.calculateTime();
    1854 
    1855                 for (dc=0; dc<8; dc++) {
    1856                     digits[dc] = { digit: this.options.timeStr.charAt(dc)};
    1857                     /*if(dayShow !== 'yes'){
    1858                         console.log('day no show',dc);
    1859                         //dc = 3;
    1860                         return true;
    1861                     }
    1862                     console.log('if out',dc);*/
    1863                     $("#"+id).append("<div id='digit"+dc+"' style='position:relative;float:left;width:"+this.options.digitWidth+"px;height:"+this.options.digitHeight+"px;overflow:hidden;'><div class='digit' id='digit-bg"+dc+"' style='position:absolute; top:-"+digits[dc].digit*this.options.digitAnimationHeight+"px; width:"+this.options.digitWidth+"px; height:"+this.options.digitImageHeight+"px; '></div></div>");
    1864 
    1865                     if (dc % 2 == 1 && dc < 6) {
    1866                         $("#"+id).append("<div class='digit-separator' style='float:left;'></div>");
    1867                     }
    1868                 }
    1869 
    1870                 $("#"+id).append("<div style='clear:both'></div>");
    1871 
    1872                 this.animateDigits = function() {
    1873                     for (var dc=0; dc<8; dc++) {
    1874                         digits[dc].digitNext = Number(this.options.timeStr.charAt(dc));
    1875                         digits[dc].digitNext = (digits[dc].digitNext + 10)%10;
    1876                         var no = dc;
    1877 
    1878                         if (digits[no].digit == 0) $("#digit-bg"+no).css("top", -this.options.digitImageHeight+this.options.digitHeight + "px");
    1879                         if (digits[no].digit != digits[no].digitNext) {
    1880                             $("#digit-bg"+no).animate( { "top" : -digits[no].digitNext*options.digitHeight+"px"}, options.digitSlideTime);
    1881                             digits[no].digit = digits[no].digitNext;
    1882                         }
    1883 
    1884                     }
    1885 
    1886                     var end = this.checkEnd();
    1887                 };
    1888 
    1889                 this.checkEnd = function() {
    1890                     for (var i = 0; i < digits.length; i++) {
    1891                         if (digits[i].digit != 0) {
    1892                             return false;
    1893                         }
    1894                     }
    1895                     clearInterval(timer);
    1896                     if(typeof(actions) !== 'undefined')
    1897                     {
    1898                         actions.forEach(function (value) {
    1899                             if (value.type === 'redirect') {
    1900                                 if (value.redirect_url !== "") {
    1901                                     window.location.href = value.redirect_url;
    1902                                 }
    1903                             }
    1904                             if (value.type === 'hide') {
    1905                                 $scope.find('.eae-evergreen-wrapper').css('display', 'none');
    1906                             }
    1907                             if (value.type === 'message') {
    1908                                 $scope.find('.eae-egt-message').css('display', 'block');
    1909                             }
    1910                         });
    1911                     }
    1912                     this.options.timerEnd();
    1913                     return true;
    1914                 };
    1915 
    1916                 this.updateCounter = function() {
    1917                     d = new Date();
    1918 
    1919                     if ((d.getTime() - lastTime) < (options.updateInterval - 50)) {
    1920                         return;
    1921                     }
    1922                     lastTime = d.getTime();
    1923                     this.calculateTime();
    1924                     this.animateDigits();
    1925                 }
    1926 
    1927             }
    1928         };
    1929 
    1930         var CompareTable = function ($scope, $) {
    1931             $($scope.find(".eae-ct-heading")[0]).addClass("active");
    1932             $scope.find( "ul" ).on( "click", "li", function() {
    1933 
    1934                 var pos = $(this).index()+2;
    1935                 $scope.find("tr").find('td:not(:eq(0))').hide();
    1936                 $scope.find('td:nth-child('+pos+')').css('display','table-cell');
    1937                 $scope.find("tr").find('th:not(:eq(0))').hide();
    1938                 $scope.find('li').removeClass('active');
    1939                 $(this).addClass('active');
    1940             });
    1941 
    1942             // Initialize the media query
    1943             var mediaQuery = window.matchMedia('(min-width: 767px)');
    1944 
    1945             // Add a listen event
    1946             mediaQuery.addListener(doSomething);
    1947 
    1948             // Function to do something with the media query
    1949             function doSomething(mediaQuery) {
    1950                 if (mediaQuery.matches) {
    1951                     $scope.find('.sep').attr('colspan',5);
    1952                 } else {
    1953                     $scope.find('.sep').attr('colspan',2);
    1954                 }
    1955             }
    1956 
    1957             // On load
    1958             doSomething(mediaQuery);
    1959         };
    1960513        elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-ab-image.default', ab_image);
    1961514        elementorFrontend.hooks.addAction( 'frontend/element_ready/global', ParticlesBG );
    1962         elementorFrontend.hooks.addAction( 'frontend/element_ready/global', AnimatedGradient );
    1963515        elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-modal-popup.default', EaePopup );
    1964         elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-testimonial-slider.default', EAETestimonial);
    1965         elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin1', InfoCircleHandler);
    1966         elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin2', InfoCircleHandler);
    1967         elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin3', InfoCircleHandler);
    1968         elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin4', InfoCircleHandler);
    1969         elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin1', TimelineHandler);
    1970         elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin2', TimelineHandler);
    1971         elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin3', TimelineHandler);
    1972         elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin4', TimelineHandler);
    1973         elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin1', EgTimerSkin1);
    1974         elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin2', EgTimerSkin2);
    1975         elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin3', EgTimerSkin3);
    1976         //elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin4', EgTimerSkin4);
    1977         elementorFrontend.hooks.addAction('frontend/element_ready/eae-comparisontable.default', CompareTable);
    1978     });
     516
     517        });
    1979518
    1980519})(jQuery)
     520
  • addon-elements-for-elementor-page-builder/trunk/assets/js/particles.min.js

    r2026355 r2026357  
    1 var pJS=function(e,t){var a=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:a,w:a.offsetWidth,h:a.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var m=this.pJS;t&&Object.deepExtend(m,t),m.tmp.obj={size_value:m.particles.size.value,size_anim_speed:m.particles.size.anim.speed,move_speed:m.particles.move.speed,line_linked_distance:m.particles.line_linked.distance,line_linked_width:m.particles.line_linked.width,mode_grab_distance:m.interactivity.modes.grab.distance,mode_bubble_distance:m.interactivity.modes.bubble.distance,mode_bubble_size:m.interactivity.modes.bubble.size,mode_repulse_distance:m.interactivity.modes.repulse.distance},m.fn.retinaInit=function(){m.retina_detect&&1<window.devicePixelRatio?(m.canvas.pxratio=window.devicePixelRatio,m.tmp.retina=!0):(m.canvas.pxratio=1,m.tmp.retina=!1),m.canvas.w=m.canvas.el.offsetWidth*m.canvas.pxratio,m.canvas.h=m.canvas.el.offsetHeight*m.canvas.pxratio,m.particles.size.value=m.tmp.obj.size_value*m.canvas.pxratio,m.particles.size.anim.speed=m.tmp.obj.size_anim_speed*m.canvas.pxratio,m.particles.move.speed=m.tmp.obj.move_speed*m.canvas.pxratio,m.particles.line_linked.distance=m.tmp.obj.line_linked_distance*m.canvas.pxratio,m.interactivity.modes.grab.distance=m.tmp.obj.mode_grab_distance*m.canvas.pxratio,m.interactivity.modes.bubble.distance=m.tmp.obj.mode_bubble_distance*m.canvas.pxratio,m.particles.line_linked.width=m.tmp.obj.line_linked_width*m.canvas.pxratio,m.interactivity.modes.bubble.size=m.tmp.obj.mode_bubble_size*m.canvas.pxratio,m.interactivity.modes.repulse.distance=m.tmp.obj.mode_repulse_distance*m.canvas.pxratio},m.fn.canvasInit=function(){m.canvas.ctx=m.canvas.el.getContext("2d")},m.fn.canvasSize=function(){m.canvas.el.width=m.canvas.w,m.canvas.el.height=m.canvas.h,m&&m.interactivity.events.resize&&window.addEventListener("resize",function(){m.canvas.w=m.canvas.el.offsetWidth,m.canvas.h=m.canvas.el.offsetHeight,m.tmp.retina&&(m.canvas.w*=m.canvas.pxratio,m.canvas.h*=m.canvas.pxratio),m.canvas.el.width=m.canvas.w,m.canvas.el.height=m.canvas.h,m.particles.move.enable||(m.fn.particlesEmpty(),m.fn.particlesCreate(),m.fn.particlesDraw(),m.fn.vendors.densityAutoParticles()),m.fn.vendors.densityAutoParticles()})},m.fn.canvasPaint=function(){m.canvas.ctx.fillRect(0,0,m.canvas.w,m.canvas.h)},m.fn.canvasClear=function(){m.canvas.ctx.clearRect(0,0,m.canvas.w,m.canvas.h)},m.fn.particle=function(e,t,a){if(this.radius=(m.particles.size.random?Math.random():1)*m.particles.size.value,m.particles.size.anim.enable&&(this.size_status=!1,this.vs=m.particles.size.anim.speed/100,m.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=a?a.x:Math.random()*m.canvas.w,this.y=a?a.y:Math.random()*m.canvas.h,this.x>m.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>m.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),m.particles.move.bounce&&m.fn.vendors.checkOverlap(this,a),this.color={},"object"==typeof e.value)if(e.value instanceof Array){var i=e.value[Math.floor(Math.random()*m.particles.color.value.length)];this.color.rgb=hexToRgb(i)}else null!=e.value.r&&null!=e.value.g&&null!=e.value.b&&(this.color.rgb={r:e.value.r,g:e.value.g,b:e.value.b}),null!=e.value.h&&null!=e.value.s&&null!=e.value.l&&(this.color.hsl={h:e.value.h,s:e.value.s,l:e.value.l});else"random"==e.value?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:"string"==typeof e.value&&(this.color=e,this.color.rgb=hexToRgb(this.color.value));this.opacity=(m.particles.opacity.random?Math.random():1)*m.particles.opacity.value,m.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=m.particles.opacity.anim.speed/100,m.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var s={};switch(m.particles.move.direction){case"top":s={x:0,y:-1};break;case"top-right":s={x:.5,y:-.5};break;case"right":s={x:1,y:-0};break;case"bottom-right":s={x:.5,y:.5};break;case"bottom":s={x:0,y:1};break;case"bottom-left":s={x:-.5,y:1};break;case"left":s={x:-1,y:0};break;case"top-left":s={x:-.5,y:-.5};break;default:s={x:0,y:0}}m.particles.move.straight?(this.vx=s.x,this.vy=s.y,m.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=s.x+Math.random()-.5,this.vy=s.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var n=m.particles.shape.type;if("object"==typeof n){if(n instanceof Array){var r=n[Math.floor(Math.random()*n.length)];this.shape=r}}else this.shape=n;if("image"==this.shape){var c=m.particles.shape;this.img={src:c.image.src,ratio:c.image.width/c.image.height},this.img.ratio||(this.img.ratio=1),"svg"==m.tmp.img_type&&null!=m.tmp.source_svg&&(m.fn.vendors.createSvgImg(this),m.tmp.pushing&&(this.img.loaded=!1))}},m.fn.particle.prototype.draw=function(){var e=this;if(null!=e.radius_bubble)var t=e.radius_bubble;else t=e.radius;if(null!=e.opacity_bubble)var a=e.opacity_bubble;else a=e.opacity;if(e.color.rgb)var i="rgba("+e.color.rgb.r+","+e.color.rgb.g+","+e.color.rgb.b+","+a+")";else i="hsla("+e.color.hsl.h+","+e.color.hsl.s+"%,"+e.color.hsl.l+"%,"+a+")";switch(m.canvas.ctx.fillStyle=i,m.canvas.ctx.beginPath(),e.shape){case"circle":m.canvas.ctx.arc(e.x,e.y,t,0,2*Math.PI,!1);break;case"edge":m.canvas.ctx.rect(e.x-t,e.y-t,2*t,2*t);break;case"triangle":m.fn.vendors.drawShape(m.canvas.ctx,e.x-t,e.y+t/1.66,2*t,3,2);break;case"polygon":m.fn.vendors.drawShape(m.canvas.ctx,e.x-t/(m.particles.shape.polygon.nb_sides/3.5),e.y-t/.76,2.66*t/(m.particles.shape.polygon.nb_sides/3),m.particles.shape.polygon.nb_sides,1);break;case"star":m.fn.vendors.drawShape(m.canvas.ctx,e.x-2*t/(m.particles.shape.polygon.nb_sides/4),e.y-t/1.52,2*t*2.66/(m.particles.shape.polygon.nb_sides/3),m.particles.shape.polygon.nb_sides,2);break;case"image":;if("svg"==m.tmp.img_type)var s=e.img.obj;else s=m.tmp.img_obj;s&&m.canvas.ctx.drawImage(s,e.x-t,e.y-t,2*t,2*t/e.img.ratio)}m.canvas.ctx.closePath(),0<m.particles.shape.stroke.width&&(m.canvas.ctx.strokeStyle=m.particles.shape.stroke.color,m.canvas.ctx.lineWidth=m.particles.shape.stroke.width,m.canvas.ctx.stroke()),m.canvas.ctx.fill()},m.fn.particlesCreate=function(){for(var e=0;e<m.particles.number.value;e++)m.particles.array.push(new m.fn.particle(m.particles.color,m.particles.opacity.value))},m.fn.particlesUpdate=function(){for(var e=0;e<m.particles.array.length;e++){var t=m.particles.array[e];if(m.particles.move.enable){var a=m.particles.move.speed/2;t.x+=t.vx*a,t.y+=t.vy*a}if(m.particles.opacity.anim.enable&&(1==t.opacity_status?(t.opacity>=m.particles.opacity.value&&(t.opacity_status=!1),t.opacity+=t.vo):(t.opacity<=m.particles.opacity.anim.opacity_min&&(t.opacity_status=!0),t.opacity-=t.vo),t.opacity<0&&(t.opacity=0)),m.particles.size.anim.enable&&(1==t.size_status?(t.radius>=m.particles.size.value&&(t.size_status=!1),t.radius+=t.vs):(t.radius<=m.particles.size.anim.size_min&&(t.size_status=!0),t.radius-=t.vs),t.radius<0&&(t.radius=0)),"bounce"==m.particles.move.out_mode)var i={x_left:t.radius,x_right:m.canvas.w,y_top:t.radius,y_bottom:m.canvas.h};else i={x_left:-t.radius,x_right:m.canvas.w+t.radius,y_top:-t.radius,y_bottom:m.canvas.h+t.radius};switch(t.x-t.radius>m.canvas.w?(t.x=i.x_left,t.y=Math.random()*m.canvas.h):t.x+t.radius<0&&(t.x=i.x_right,t.y=Math.random()*m.canvas.h),t.y-t.radius>m.canvas.h?(t.y=i.y_top,t.x=Math.random()*m.canvas.w):t.y+t.radius<0&&(t.y=i.y_bottom,t.x=Math.random()*m.canvas.w),m.particles.move.out_mode){case"bounce":t.x+t.radius>m.canvas.w?t.vx=-t.vx:t.x-t.radius<0&&(t.vx=-t.vx),t.y+t.radius>m.canvas.h?t.vy=-t.vy:t.y-t.radius<0&&(t.vy=-t.vy)}if(isInArray("grab",m.interactivity.events.onhover.mode)&&m.fn.modes.grabParticle(t),(isInArray("bubble",m.interactivity.events.onhover.mode)||isInArray("bubble",m.interactivity.events.onclick.mode))&&m.fn.modes.bubbleParticle(t),(isInArray("repulse",m.interactivity.events.onhover.mode)||isInArray("repulse",m.interactivity.events.onclick.mode))&&m.fn.modes.repulseParticle(t),m.particles.line_linked.enable||m.particles.move.attract.enable)for(var s=e+1;s<m.particles.array.length;s++){var n=m.particles.array[s];m.particles.line_linked.enable&&m.fn.interact.linkParticles(t,n),m.particles.move.attract.enable&&m.fn.interact.attractParticles(t,n),m.particles.move.bounce&&m.fn.interact.bounceParticles(t,n)}}},m.fn.particlesDraw=function(){m.canvas.ctx.clearRect(0,0,m.canvas.w,m.canvas.h),m.fn.particlesUpdate();for(var e=0;e<m.particles.array.length;e++){m.particles.array[e].draw()}},m.fn.particlesEmpty=function(){m.particles.array=[]},m.fn.particlesRefresh=function(){cancelRequestAnimFrame(m.fn.checkAnimFrame),cancelRequestAnimFrame(m.fn.drawAnimFrame),m.tmp.source_svg=void 0,m.tmp.img_obj=void 0,m.tmp.count_svg=0,m.fn.particlesEmpty(),m.fn.canvasClear(),m.fn.vendors.start()},m.fn.interact.linkParticles=function(e,t){var a=e.x-t.x,i=e.y-t.y,s=Math.sqrt(a*a+i*i);if(s<=m.particles.line_linked.distance){var n=m.particles.line_linked.opacity-s/(1/m.particles.line_linked.opacity)/m.particles.line_linked.distance;if(0<n){var r=m.particles.line_linked.color_rgb_line;m.canvas.ctx.strokeStyle="rgba("+r.r+","+r.g+","+r.b+","+n+")",m.canvas.ctx.lineWidth=m.particles.line_linked.width,m.canvas.ctx.beginPath(),m.canvas.ctx.moveTo(e.x,e.y),m.canvas.ctx.lineTo(t.x,t.y),m.canvas.ctx.stroke(),m.canvas.ctx.closePath()}}},m.fn.interact.attractParticles=function(e,t){var a=e.x-t.x,i=e.y-t.y;if(Math.sqrt(a*a+i*i)<=m.particles.line_linked.distance){var s=a/(1e3*m.particles.move.attract.rotateX),n=i/(1e3*m.particles.move.attract.rotateY);e.vx-=s,e.vy-=n,t.vx+=s,t.vy+=n}},m.fn.interact.bounceParticles=function(e,t){var a=e.x-t.x,i=e.y-t.y;Math.sqrt(a*a+i*i)<=e.radius+t.radius&&(e.vx=-e.vx,e.vy=-e.vy,t.vx=-t.vx,t.vy=-t.vy)},m.fn.modes.pushParticles=function(e,t){m.tmp.pushing=!0;for(var a=0;a<e;a++)m.particles.array.push(new m.fn.particle(m.particles.color,m.particles.opacity.value,{x:t?t.pos_x:Math.random()*m.canvas.w,y:t?t.pos_y:Math.random()*m.canvas.h})),a==e-1&&(m.particles.move.enable||m.fn.particlesDraw(),m.tmp.pushing=!1)},m.fn.modes.removeParticles=function(e){m.particles.array.splice(0,e),m.particles.move.enable||m.fn.particlesDraw()},m.fn.modes.bubbleParticle=function(c){if(m.interactivity.events.onhover.enable&&isInArray("bubble",m.interactivity.events.onhover.mode)){var e=c.x-m.interactivity.mouse.pos_x,t=c.y-m.interactivity.mouse.pos_y,a=1-(o=Math.sqrt(e*e+t*t))/m.interactivity.modes.bubble.distance;function i(){c.opacity_bubble=c.opacity,c.radius_bubble=c.radius}if(o<=m.interactivity.modes.bubble.distance){if(0<=a&&"mousemove"==m.interactivity.status){if(m.interactivity.modes.bubble.size!=m.particles.size.value)if(m.interactivity.modes.bubble.size>m.particles.size.value){0<=(n=c.radius+m.interactivity.modes.bubble.size*a)&&(c.radius_bubble=n)}else{var s=c.radius-m.interactivity.modes.bubble.size,n=c.radius-s*a;c.radius_bubble=0<n?n:0}var r;if(m.interactivity.modes.bubble.opacity!=m.particles.opacity.value)if(m.interactivity.modes.bubble.opacity>m.particles.opacity.value)(r=m.interactivity.modes.bubble.opacity*a)>c.opacity&&r<=m.interactivity.modes.bubble.opacity&&(c.opacity_bubble=r);else(r=c.opacity-(m.particles.opacity.value-m.interactivity.modes.bubble.opacity)*a)<c.opacity&&r>=m.interactivity.modes.bubble.opacity&&(c.opacity_bubble=r)}}else i();"mouseleave"==m.interactivity.status&&i()}else if(m.interactivity.events.onclick.enable&&isInArray("bubble",m.interactivity.events.onclick.mode)){if(m.tmp.bubble_clicking){e=c.x-m.interactivity.mouse.click_pos_x,t=c.y-m.interactivity.mouse.click_pos_y;var o=Math.sqrt(e*e+t*t),l=((new Date).getTime()-m.interactivity.mouse.click_time)/1e3;l>m.interactivity.modes.bubble.duration&&(m.tmp.bubble_duration_end=!0),l>2*m.interactivity.modes.bubble.duration&&(m.tmp.bubble_clicking=!1,m.tmp.bubble_duration_end=!1)}function v(e,t,a,i,s){if(e!=t)if(m.tmp.bubble_duration_end)null!=a&&(r=e+(e-(i-l*(i-e)/m.interactivity.modes.bubble.duration)),"size"==s&&(c.radius_bubble=r),"opacity"==s&&(c.opacity_bubble=r));else if(o<=m.interactivity.modes.bubble.distance){if(null!=a)var n=a;else n=i;if(n!=e){var r=i-l*(i-e)/m.interactivity.modes.bubble.duration;"size"==s&&(c.radius_bubble=r),"opacity"==s&&(c.opacity_bubble=r)}}else"size"==s&&(c.radius_bubble=void 0),"opacity"==s&&(c.opacity_bubble=void 0)}m.tmp.bubble_clicking&&(v(m.interactivity.modes.bubble.size,m.particles.size.value,c.radius_bubble,c.radius,"size"),v(m.interactivity.modes.bubble.opacity,m.particles.opacity.value,c.opacity_bubble,c.opacity,"opacity"))}},m.fn.modes.repulseParticle=function(i){if(m.interactivity.events.onhover.enable&&isInArray("repulse",m.interactivity.events.onhover.mode)&&"mousemove"==m.interactivity.status){var e=i.x-m.interactivity.mouse.pos_x,t=i.y-m.interactivity.mouse.pos_y,a=Math.sqrt(e*e+t*t),s=e/a,n=t/a,r=clamp(1/(o=m.interactivity.modes.repulse.distance)*(-1*Math.pow(a/o,2)+1)*o*100,0,50),c={x:i.x+s*r,y:i.y+n*r};"bounce"==m.particles.move.out_mode?(0<c.x-i.radius&&c.x+i.radius<m.canvas.w&&(i.x=c.x),0<c.y-i.radius&&c.y+i.radius<m.canvas.h&&(i.y=c.y)):(i.x=c.x,i.y=c.y)}else if(m.interactivity.events.onclick.enable&&isInArray("repulse",m.interactivity.events.onclick.mode))if(m.tmp.repulse_finish||(m.tmp.repulse_count++,m.tmp.repulse_count==m.particles.array.length&&(m.tmp.repulse_finish=!0)),m.tmp.repulse_clicking){var o=Math.pow(m.interactivity.modes.repulse.distance/6,3),l=m.interactivity.mouse.click_pos_x-i.x,v=m.interactivity.mouse.click_pos_y-i.y,p=l*l+v*v,d=-o/p*1;p<=o&&function(){var e=Math.atan2(v,l);if(i.vx=d*Math.cos(e),i.vy=d*Math.sin(e),"bounce"==m.particles.move.out_mode){var t=i.x+i.vx,a=i.y+i.vy;t+i.radius>m.canvas.w?i.vx=-i.vx:t-i.radius<0&&(i.vx=-i.vx),a+i.radius>m.canvas.h?i.vy=-i.vy:a-i.radius<0&&(i.vy=-i.vy)}}()}else 0==m.tmp.repulse_clicking&&(i.vx=i.vx_i,i.vy=i.vy_i)},m.fn.modes.grabParticle=function(e){if(m.interactivity.events.onhover.enable&&"mousemove"==m.interactivity.status){var t=e.x-m.interactivity.mouse.pos_x,a=e.y-m.interactivity.mouse.pos_y,i=Math.sqrt(t*t+a*a);if(i<=m.interactivity.modes.grab.distance){var s=m.interactivity.modes.grab.line_linked.opacity-i/(1/m.interactivity.modes.grab.line_linked.opacity)/m.interactivity.modes.grab.distance;if(0<s){var n=m.particles.line_linked.color_rgb_line;m.canvas.ctx.strokeStyle="rgba("+n.r+","+n.g+","+n.b+","+s+")",m.canvas.ctx.lineWidth=m.particles.line_linked.width,m.canvas.ctx.beginPath(),m.canvas.ctx.moveTo(e.x,e.y),m.canvas.ctx.lineTo(m.interactivity.mouse.pos_x,m.interactivity.mouse.pos_y),m.canvas.ctx.stroke(),m.canvas.ctx.closePath()}}}},m.fn.vendors.eventsListeners=function(){"window"==m.interactivity.detect_on?m.interactivity.el=window:m.interactivity.el=m.canvas.el,(m.interactivity.events.onhover.enable||m.interactivity.events.onclick.enable)&&(m.interactivity.el.addEventListener("mousemove",function(e){if(m.interactivity.el==window)var t=e.clientX,a=e.clientY;else t=e.offsetX||e.clientX,a=e.offsetY||e.clientY;m.interactivity.mouse.pos_x=t,m.interactivity.mouse.pos_y=a,m.tmp.retina&&(m.interactivity.mouse.pos_x*=m.canvas.pxratio,m.interactivity.mouse.pos_y*=m.canvas.pxratio),m.interactivity.status="mousemove"}),m.interactivity.el.addEventListener("mouseleave",function(e){m.interactivity.mouse.pos_x=null,m.interactivity.mouse.pos_y=null,m.interactivity.status="mouseleave"})),m.interactivity.events.onclick.enable&&m.interactivity.el.addEventListener("click",function(){if(m.interactivity.mouse.click_pos_x=m.interactivity.mouse.pos_x,m.interactivity.mouse.click_pos_y=m.interactivity.mouse.pos_y,m.interactivity.mouse.click_time=(new Date).getTime(),m.interactivity.events.onclick.enable)switch(m.interactivity.events.onclick.mode){case"push":m.particles.move.enable?m.fn.modes.pushParticles(m.interactivity.modes.push.particles_nb,m.interactivity.mouse):1==m.interactivity.modes.push.particles_nb?m.fn.modes.pushParticles(m.interactivity.modes.push.particles_nb,m.interactivity.mouse):1<m.interactivity.modes.push.particles_nb&&m.fn.modes.pushParticles(m.interactivity.modes.push.particles_nb);break;case"remove":m.fn.modes.removeParticles(m.interactivity.modes.remove.particles_nb);break;case"bubble":m.tmp.bubble_clicking=!0;break;case"repulse":m.tmp.repulse_clicking=!0,m.tmp.repulse_count=0,m.tmp.repulse_finish=!1,setTimeout(function(){m.tmp.repulse_clicking=!1},1e3*m.interactivity.modes.repulse.duration)}})},m.fn.vendors.densityAutoParticles=function(){if(m.particles.number.density.enable){var e=m.canvas.el.width*m.canvas.el.height/1e3;m.tmp.retina&&(e/=2*m.canvas.pxratio);var t=e*m.particles.number.value/m.particles.number.density.value_area,a=m.particles.array.length-t;a<0?m.fn.modes.pushParticles(Math.abs(a)):m.fn.modes.removeParticles(a)}},m.fn.vendors.checkOverlap=function(e,t){for(var a=0;a<m.particles.array.length;a++){var i=m.particles.array[a],s=e.x-i.x,n=e.y-i.y;Math.sqrt(s*s+n*n)<=e.radius+i.radius&&(e.x=t?t.x:Math.random()*m.canvas.w,e.y=t?t.y:Math.random()*m.canvas.h,m.fn.vendors.checkOverlap(e))}},m.fn.vendors.createSvgImg=function(n){var e=m.tmp.source_svg.replace(/#([0-9A-F]{3,6})/gi,function(e,t,a,i){if(n.color.rgb)var s="rgba("+n.color.rgb.r+","+n.color.rgb.g+","+n.color.rgb.b+","+n.opacity+")";else s="hsla("+n.color.hsl.h+","+n.color.hsl.s+"%,"+n.color.hsl.l+"%,"+n.opacity+")";return s}),t=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),a=window.URL||window.webkitURL||window,i=a.createObjectURL(t),s=new Image;s.addEventListener("load",function(){n.img.obj=s,n.img.loaded=!0,a.revokeObjectURL(i),m.tmp.count_svg++}),s.src=i},m.fn.vendors.destroypJS=function(){cancelAnimationFrame(m.fn.drawAnimFrame),a.remove(),pJSDom=null},m.fn.vendors.drawShape=function(e,t,a,i,s,n){var r=s*n,c=s/n,o=180*(c-2)/c,l=Math.PI-Math.PI*o/180;e.save(),e.beginPath(),e.translate(t,a),e.moveTo(0,0);for(var v=0;v<r;v++)e.lineTo(i,0),e.translate(i,0),e.rotate(l);e.fill(),e.restore()},m.fn.vendors.exportImg=function(){window.open(m.canvas.el.toDataURL("image/png"),"_blank")},m.fn.vendors.loadImg=function(e){if(m.tmp.img_error=void 0,""!=m.particles.shape.image.src)if("svg"==e){var t=new XMLHttpRequest;t.open("GET",m.particles.shape.image.src),t.onreadystatechange=function(e){4==t.readyState&&(200==t.status?(m.tmp.source_svg=e.currentTarget.response,m.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),m.tmp.img_error=!0))},t.send()}else{var a=new Image;a.addEventListener("load",function(){m.tmp.img_obj=a,m.fn.vendors.checkBeforeDraw()}),a.src=m.particles.shape.image.src}else console.log("Error pJS - No image.src"),m.tmp.img_error=!0},m.fn.vendors.draw=function(){"image"==m.particles.shape.type?"svg"==m.tmp.img_type?m.tmp.count_svg>=m.particles.number.value?(m.fn.particlesDraw(),m.particles.move.enable?m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw):cancelRequestAnimFrame(m.fn.drawAnimFrame)):m.tmp.img_error||(m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw)):null!=m.tmp.img_obj?(m.fn.particlesDraw(),m.particles.move.enable?m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw):cancelRequestAnimFrame(m.fn.drawAnimFrame)):m.tmp.img_error||(m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw)):(m.fn.particlesDraw(),m.particles.move.enable?m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw):cancelRequestAnimFrame(m.fn.drawAnimFrame))},m.fn.vendors.checkBeforeDraw=function(){"image"==m.particles.shape.type?"svg"==m.tmp.img_type&&null==m.tmp.source_svg?m.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(m.tmp.checkAnimFrame),m.tmp.img_error||(m.fn.vendors.init(),m.fn.vendors.draw())):(m.fn.vendors.init(),m.fn.vendors.draw())},m.fn.vendors.init=function(){m.fn.retinaInit(),m.fn.canvasInit(),m.fn.canvasSize(),m.fn.canvasPaint(),m.fn.particlesCreate(),m.fn.vendors.densityAutoParticles(),m.particles.line_linked.color_rgb_line=hexToRgb(m.particles.line_linked.color)},m.fn.vendors.start=function(){isInArray("image",m.particles.shape.type)?(m.tmp.img_type=m.particles.shape.image.src.substr(m.particles.shape.image.src.length-3),m.fn.vendors.loadImg(m.tmp.img_type)):m.fn.vendors.checkBeforeDraw()},m.fn.vendors.eventsListeners(),m.fn.vendors.start()};function hexToRgb(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(e,t,a,i){return t+t+a+a+i+i});var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}function clamp(e,t,a){return Math.min(Math.max(e,t),a)}function isInArray(e,t){return-1<t.indexOf(e)}Object.deepExtend=function(e,t){for(var a in t)t[a]&&t[a].constructor&&t[a].constructor===Object?(e[a]=e[a]||{},arguments.callee(e[a],t[a])):e[a]=t[a];return e},window.requestAnimFrame=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)},window.cancelRequestAnimFrame=window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout,window.pJSDom=[],window.particlesJS=function(e,t){"string"!=typeof e&&(t=e,e="particles-js"),e||(e="particles-js");var a=document.getElementById(e),i="particles-js-canvas-el",s=a.getElementsByClassName(i);if(s.length)for(;0<s.length;)a.removeChild(s[0]);var n=document.createElement("canvas");n.className=i,n.style.width="100%",n.style.height="100%",null!=document.getElementById(e).appendChild(n)&&pJSDom.push(new pJS(e,t))},window.particlesJS.load=function(a,e,i){var s=new XMLHttpRequest;s.open("GET",e),s.onreadystatechange=function(e){if(4==s.readyState)if(200==s.status){var t=JSON.parse(e.currentTarget.response);window.particlesJS(a,t),i&&i()}else console.log("Error pJS - XMLHttpRequest status: "+s.status),console.log("Error pJS - File config not found")},s.send()};
     1/* -----------------------------------------------
     2/* Author : Vincent Garreau  - vincentgarreau.com
     3/* MIT license: http://opensource.org/licenses/MIT
     4/* Demo / Generator : vincentgarreau.com/particles.js
     5/* GitHub : github.com/VincentGarreau/particles.js
     6/* How to use? : Check the GitHub README
     7/* v2.0.0
     8/* ----------------------------------------------- */
     9function hexToRgb(e){var a=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(a,function(e,a,t,i){return a+a+t+t+i+i});var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}function clamp(e,a,t){return Math.min(Math.max(e,a),t)}function isInArray(e,a){return a.indexOf(e)>-1}var pJS=function(e,a){var t=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:t,w:t.offsetWidth,h:t.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var i=this.pJS;a&&Object.deepExtend(i,a),i.tmp.obj={size_value:i.particles.size.value,size_anim_speed:i.particles.size.anim.speed,move_speed:i.particles.move.speed,line_linked_distance:i.particles.line_linked.distance,line_linked_width:i.particles.line_linked.width,mode_grab_distance:i.interactivity.modes.grab.distance,mode_bubble_distance:i.interactivity.modes.bubble.distance,mode_bubble_size:i.interactivity.modes.bubble.size,mode_repulse_distance:i.interactivity.modes.repulse.distance},i.fn.retinaInit=function(){i.retina_detect&&window.devicePixelRatio>1?(i.canvas.pxratio=window.devicePixelRatio,i.tmp.retina=!0):(i.canvas.pxratio=1,i.tmp.retina=!1),i.canvas.w=i.canvas.el.offsetWidth*i.canvas.pxratio,i.canvas.h=i.canvas.el.offsetHeight*i.canvas.pxratio,i.particles.size.value=i.tmp.obj.size_value*i.canvas.pxratio,i.particles.size.anim.speed=i.tmp.obj.size_anim_speed*i.canvas.pxratio,i.particles.move.speed=i.tmp.obj.move_speed*i.canvas.pxratio,i.particles.line_linked.distance=i.tmp.obj.line_linked_distance*i.canvas.pxratio,i.interactivity.modes.grab.distance=i.tmp.obj.mode_grab_distance*i.canvas.pxratio,i.interactivity.modes.bubble.distance=i.tmp.obj.mode_bubble_distance*i.canvas.pxratio,i.particles.line_linked.width=i.tmp.obj.line_linked_width*i.canvas.pxratio,i.interactivity.modes.bubble.size=i.tmp.obj.mode_bubble_size*i.canvas.pxratio,i.interactivity.modes.repulse.distance=i.tmp.obj.mode_repulse_distance*i.canvas.pxratio},i.fn.canvasInit=function(){i.canvas.ctx=i.canvas.el.getContext("2d")},i.fn.canvasSize=function(){i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i&&i.interactivity.events.resize&&window.addEventListener("resize",function(){i.canvas.w=i.canvas.el.offsetWidth,i.canvas.h=i.canvas.el.offsetHeight,i.tmp.retina&&(i.canvas.w*=i.canvas.pxratio,i.canvas.h*=i.canvas.pxratio),i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i.particles.move.enable||(i.fn.particlesEmpty(),i.fn.particlesCreate(),i.fn.particlesDraw(),i.fn.vendors.densityAutoParticles()),i.fn.vendors.densityAutoParticles()})},i.fn.canvasPaint=function(){i.canvas.ctx.fillRect(0,0,i.canvas.w,i.canvas.h)},i.fn.canvasClear=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h)},i.fn.particle=function(e,a,t){if(this.radius=(i.particles.size.random?Math.random():1)*i.particles.size.value,i.particles.size.anim.enable&&(this.size_status=!1,this.vs=i.particles.size.anim.speed/100,i.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=t?t.x:Math.random()*i.canvas.w,this.y=t?t.y:Math.random()*i.canvas.h,this.x>i.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>i.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),i.particles.move.bounce&&i.fn.vendors.checkOverlap(this,t),this.color={},"object"==typeof e.value)if(e.value instanceof Array){var s=e.value[Math.floor(Math.random()*i.particles.color.value.length)];this.color.rgb=hexToRgb(s)}else void 0!=e.value.r&&void 0!=e.value.g&&void 0!=e.value.b&&(this.color.rgb={r:e.value.r,g:e.value.g,b:e.value.b}),void 0!=e.value.h&&void 0!=e.value.s&&void 0!=e.value.l&&(this.color.hsl={h:e.value.h,s:e.value.s,l:e.value.l});else"random"==e.value?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:"string"==typeof e.value&&(this.color=e,this.color.rgb=hexToRgb(this.color.value));this.opacity=(i.particles.opacity.random?Math.random():1)*i.particles.opacity.value,i.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=i.particles.opacity.anim.speed/100,i.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var n={};switch(i.particles.move.direction){case"top":n={x:0,y:-1};break;case"top-right":n={x:.5,y:-.5};break;case"right":n={x:1,y:-0};break;case"bottom-right":n={x:.5,y:.5};break;case"bottom":n={x:0,y:1};break;case"bottom-left":n={x:-.5,y:1};break;case"left":n={x:-1,y:0};break;case"top-left":n={x:-.5,y:-.5};break;default:n={x:0,y:0}}i.particles.move.straight?(this.vx=n.x,this.vy=n.y,i.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=n.x+Math.random()-.5,this.vy=n.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var r=i.particles.shape.type;if("object"==typeof r){if(r instanceof Array){var c=r[Math.floor(Math.random()*r.length)];this.shape=c}}else this.shape=r;if("image"==this.shape){var o=i.particles.shape;this.img={src:o.image.src,ratio:o.image.width/o.image.height},this.img.ratio||(this.img.ratio=1),"svg"==i.tmp.img_type&&void 0!=i.tmp.source_svg&&(i.fn.vendors.createSvgImg(this),i.tmp.pushing&&(this.img.loaded=!1))}},i.fn.particle.prototype.draw=function(){function e(){i.canvas.ctx.drawImage(r,a.x-t,a.y-t,2*t,2*t/a.img.ratio)}var a=this;if(void 0!=a.radius_bubble)var t=a.radius_bubble;else var t=a.radius;if(void 0!=a.opacity_bubble)var s=a.opacity_bubble;else var s=a.opacity;if(a.color.rgb)var n="rgba("+a.color.rgb.r+","+a.color.rgb.g+","+a.color.rgb.b+","+s+")";else var n="hsla("+a.color.hsl.h+","+a.color.hsl.s+"%,"+a.color.hsl.l+"%,"+s+")";switch(i.canvas.ctx.fillStyle=n,i.canvas.ctx.beginPath(),a.shape){case"circle":i.canvas.ctx.arc(a.x,a.y,t,0,2*Math.PI,!1);break;case"edge":i.canvas.ctx.rect(a.x-t,a.y-t,2*t,2*t);break;case"triangle":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t,a.y+t/1.66,2*t,3,2);break;case"polygon":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t/(i.particles.shape.polygon.nb_sides/3.5),a.y-t/.76,2.66*t/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,1);break;case"star":i.fn.vendors.drawShape(i.canvas.ctx,a.x-2*t/(i.particles.shape.polygon.nb_sides/4),a.y-t/1.52,2*t*2.66/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,2);break;case"image":if("svg"==i.tmp.img_type)var r=a.img.obj;else var r=i.tmp.img_obj;r&&e()}i.canvas.ctx.closePath(),i.particles.shape.stroke.width>0&&(i.canvas.ctx.strokeStyle=i.particles.shape.stroke.color,i.canvas.ctx.lineWidth=i.particles.shape.stroke.width,i.canvas.ctx.stroke()),i.canvas.ctx.fill()},i.fn.particlesCreate=function(){for(var e=0;e<i.particles.number.value;e++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value))},i.fn.particlesUpdate=function(){for(var e=0;e<i.particles.array.length;e++){var a=i.particles.array[e];if(i.particles.move.enable){var t=i.particles.move.speed/2;a.x+=a.vx*t,a.y+=a.vy*t}if(i.particles.opacity.anim.enable&&(1==a.opacity_status?(a.opacity>=i.particles.opacity.value&&(a.opacity_status=!1),a.opacity+=a.vo):(a.opacity<=i.particles.opacity.anim.opacity_min&&(a.opacity_status=!0),a.opacity-=a.vo),a.opacity<0&&(a.opacity=0)),i.particles.size.anim.enable&&(1==a.size_status?(a.radius>=i.particles.size.value&&(a.size_status=!1),a.radius+=a.vs):(a.radius<=i.particles.size.anim.size_min&&(a.size_status=!0),a.radius-=a.vs),a.radius<0&&(a.radius=0)),"bounce"==i.particles.move.out_mode)var s={x_left:a.radius,x_right:i.canvas.w,y_top:a.radius,y_bottom:i.canvas.h};else var s={x_left:-a.radius,x_right:i.canvas.w+a.radius,y_top:-a.radius,y_bottom:i.canvas.h+a.radius};switch(a.x-a.radius>i.canvas.w?(a.x=s.x_left,a.y=Math.random()*i.canvas.h):a.x+a.radius<0&&(a.x=s.x_right,a.y=Math.random()*i.canvas.h),a.y-a.radius>i.canvas.h?(a.y=s.y_top,a.x=Math.random()*i.canvas.w):a.y+a.radius<0&&(a.y=s.y_bottom,a.x=Math.random()*i.canvas.w),i.particles.move.out_mode){case"bounce":a.x+a.radius>i.canvas.w?a.vx=-a.vx:a.x-a.radius<0&&(a.vx=-a.vx),a.y+a.radius>i.canvas.h?a.vy=-a.vy:a.y-a.radius<0&&(a.vy=-a.vy)}if(isInArray("grab",i.interactivity.events.onhover.mode)&&i.fn.modes.grabParticle(a),(isInArray("bubble",i.interactivity.events.onhover.mode)||isInArray("bubble",i.interactivity.events.onclick.mode))&&i.fn.modes.bubbleParticle(a),(isInArray("repulse",i.interactivity.events.onhover.mode)||isInArray("repulse",i.interactivity.events.onclick.mode))&&i.fn.modes.repulseParticle(a),i.particles.line_linked.enable||i.particles.move.attract.enable)for(var n=e+1;n<i.particles.array.length;n++){var r=i.particles.array[n];i.particles.line_linked.enable&&i.fn.interact.linkParticles(a,r),i.particles.move.attract.enable&&i.fn.interact.attractParticles(a,r),i.particles.move.bounce&&i.fn.interact.bounceParticles(a,r)}}},i.fn.particlesDraw=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h),i.fn.particlesUpdate();for(var e=0;e<i.particles.array.length;e++){var a=i.particles.array[e];a.draw()}},i.fn.particlesEmpty=function(){i.particles.array=[]},i.fn.particlesRefresh=function(){cancelRequestAnimFrame(i.fn.checkAnimFrame),cancelRequestAnimFrame(i.fn.drawAnimFrame),i.tmp.source_svg=void 0,i.tmp.img_obj=void 0,i.tmp.count_svg=0,i.fn.particlesEmpty(),i.fn.canvasClear(),i.fn.vendors.start()},i.fn.interact.linkParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=i.particles.line_linked.opacity-n/(1/i.particles.line_linked.opacity)/i.particles.line_linked.distance;if(r>0){var c=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+c.r+","+c.g+","+c.b+","+r+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(a.x,a.y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}},i.fn.interact.attractParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=t/(1e3*i.particles.move.attract.rotateX),c=s/(1e3*i.particles.move.attract.rotateY);e.vx-=r,e.vy-=c,a.vx+=r,a.vy+=c}},i.fn.interact.bounceParticles=function(e,a){var t=e.x-a.x,i=e.y-a.y,s=Math.sqrt(t*t+i*i),n=e.radius+a.radius;n>=s&&(e.vx=-e.vx,e.vy=-e.vy,a.vx=-a.vx,a.vy=-a.vy)},i.fn.modes.pushParticles=function(e,a){i.tmp.pushing=!0;for(var t=0;e>t;t++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value,{x:a?a.pos_x:Math.random()*i.canvas.w,y:a?a.pos_y:Math.random()*i.canvas.h})),t==e-1&&(i.particles.move.enable||i.fn.particlesDraw(),i.tmp.pushing=!1)},i.fn.modes.removeParticles=function(e){i.particles.array.splice(0,e),i.particles.move.enable||i.fn.particlesDraw()},i.fn.modes.bubbleParticle=function(e){function a(){e.opacity_bubble=e.opacity,e.radius_bubble=e.radius}function t(a,t,s,n,c){if(a!=t)if(i.tmp.bubble_duration_end){if(void 0!=s){var o=n-p*(n-a)/i.interactivity.modes.bubble.duration,l=a-o;d=a+l,"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else if(r<=i.interactivity.modes.bubble.distance){if(void 0!=s)var v=s;else var v=n;if(v!=a){var d=n-p*(n-a)/i.interactivity.modes.bubble.duration;"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else"size"==c&&(e.radius_bubble=void 0),"opacity"==c&&(e.opacity_bubble=void 0)}if(i.interactivity.events.onhover.enable&&isInArray("bubble",i.interactivity.events.onhover.mode)){var s=e.x-i.interactivity.mouse.pos_x,n=e.y-i.interactivity.mouse.pos_y,r=Math.sqrt(s*s+n*n),c=1-r/i.interactivity.modes.bubble.distance;if(r<=i.interactivity.modes.bubble.distance){if(c>=0&&"mousemove"==i.interactivity.status){if(i.interactivity.modes.bubble.size!=i.particles.size.value)if(i.interactivity.modes.bubble.size>i.particles.size.value){var o=e.radius+i.interactivity.modes.bubble.size*c;o>=0&&(e.radius_bubble=o)}else{var l=e.radius-i.interactivity.modes.bubble.size,o=e.radius-l*c;o>0?e.radius_bubble=o:e.radius_bubble=0}if(i.interactivity.modes.bubble.opacity!=i.particles.opacity.value)if(i.interactivity.modes.bubble.opacity>i.particles.opacity.value){var v=i.interactivity.modes.bubble.opacity*c;v>e.opacity&&v<=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}else{var v=e.opacity-(i.particles.opacity.value-i.interactivity.modes.bubble.opacity)*c;v<e.opacity&&v>=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}}}else a();"mouseleave"==i.interactivity.status&&a()}else if(i.interactivity.events.onclick.enable&&isInArray("bubble",i.interactivity.events.onclick.mode)){if(i.tmp.bubble_clicking){var s=e.x-i.interactivity.mouse.click_pos_x,n=e.y-i.interactivity.mouse.click_pos_y,r=Math.sqrt(s*s+n*n),p=((new Date).getTime()-i.interactivity.mouse.click_time)/1e3;p>i.interactivity.modes.bubble.duration&&(i.tmp.bubble_duration_end=!0),p>2*i.interactivity.modes.bubble.duration&&(i.tmp.bubble_clicking=!1,i.tmp.bubble_duration_end=!1)}i.tmp.bubble_clicking&&(t(i.interactivity.modes.bubble.size,i.particles.size.value,e.radius_bubble,e.radius,"size"),t(i.interactivity.modes.bubble.opacity,i.particles.opacity.value,e.opacity_bubble,e.opacity,"opacity"))}},i.fn.modes.repulseParticle=function(e){function a(){var a=Math.atan2(d,p);if(e.vx=u*Math.cos(a),e.vy=u*Math.sin(a),"bounce"==i.particles.move.out_mode){var t={x:e.x+e.vx,y:e.y+e.vy};t.x+e.radius>i.canvas.w?e.vx=-e.vx:t.x-e.radius<0&&(e.vx=-e.vx),t.y+e.radius>i.canvas.h?e.vy=-e.vy:t.y-e.radius<0&&(e.vy=-e.vy)}}if(i.interactivity.events.onhover.enable&&isInArray("repulse",i.interactivity.events.onhover.mode)&&"mousemove"==i.interactivity.status){var t=e.x-i.interactivity.mouse.pos_x,s=e.y-i.interactivity.mouse.pos_y,n=Math.sqrt(t*t+s*s),r={x:t/n,y:s/n},c=i.interactivity.modes.repulse.distance,o=100,l=clamp(1/c*(-1*Math.pow(n/c,2)+1)*c*o,0,50),v={x:e.x+r.x*l,y:e.y+r.y*l};"bounce"==i.particles.move.out_mode?(v.x-e.radius>0&&v.x+e.radius<i.canvas.w&&(e.x=v.x),v.y-e.radius>0&&v.y+e.radius<i.canvas.h&&(e.y=v.y)):(e.x=v.x,e.y=v.y)}else if(i.interactivity.events.onclick.enable&&isInArray("repulse",i.interactivity.events.onclick.mode))if(i.tmp.repulse_finish||(i.tmp.repulse_count++,i.tmp.repulse_count==i.particles.array.length&&(i.tmp.repulse_finish=!0)),i.tmp.repulse_clicking){var c=Math.pow(i.interactivity.modes.repulse.distance/6,3),p=i.interactivity.mouse.click_pos_x-e.x,d=i.interactivity.mouse.click_pos_y-e.y,m=p*p+d*d,u=-c/m*1;c>=m&&a()}else 0==i.tmp.repulse_clicking&&(e.vx=e.vx_i,e.vy=e.vy_i)},i.fn.modes.grabParticle=function(e){if(i.interactivity.events.onhover.enable&&"mousemove"==i.interactivity.status){var a=e.x-i.interactivity.mouse.pos_x,t=e.y-i.interactivity.mouse.pos_y,s=Math.sqrt(a*a+t*t);if(s<=i.interactivity.modes.grab.distance){var n=i.interactivity.modes.grab.line_linked.opacity-s/(1/i.interactivity.modes.grab.line_linked.opacity)/i.interactivity.modes.grab.distance;if(n>0){var r=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+r.r+","+r.g+","+r.b+","+n+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(i.interactivity.mouse.pos_x,i.interactivity.mouse.pos_y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}}},i.fn.vendors.eventsListeners=function(){"window"==i.interactivity.detect_on?i.interactivity.el=window:i.interactivity.el=i.canvas.el,(i.interactivity.events.onhover.enable||i.interactivity.events.onclick.enable)&&(i.interactivity.el.addEventListener("mousemove",function(e){if(i.interactivity.el==window)var a=e.clientX,t=e.clientY;else var a=e.offsetX||e.clientX,t=e.offsetY||e.clientY;i.interactivity.mouse.pos_x=a,i.interactivity.mouse.pos_y=t,i.tmp.retina&&(i.interactivity.mouse.pos_x*=i.canvas.pxratio,i.interactivity.mouse.pos_y*=i.canvas.pxratio),i.interactivity.status="mousemove"}),i.interactivity.el.addEventListener("mouseleave",function(e){i.interactivity.mouse.pos_x=null,i.interactivity.mouse.pos_y=null,i.interactivity.status="mouseleave"})),i.interactivity.events.onclick.enable&&i.interactivity.el.addEventListener("click",function(){if(i.interactivity.mouse.click_pos_x=i.interactivity.mouse.pos_x,i.interactivity.mouse.click_pos_y=i.interactivity.mouse.pos_y,i.interactivity.mouse.click_time=(new Date).getTime(),i.interactivity.events.onclick.enable)switch(i.interactivity.events.onclick.mode){case"push":i.particles.move.enable?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):1==i.interactivity.modes.push.particles_nb?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):i.interactivity.modes.push.particles_nb>1&&i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb);break;case"remove":i.fn.modes.removeParticles(i.interactivity.modes.remove.particles_nb);break;case"bubble":i.tmp.bubble_clicking=!0;break;case"repulse":i.tmp.repulse_clicking=!0,i.tmp.repulse_count=0,i.tmp.repulse_finish=!1,setTimeout(function(){i.tmp.repulse_clicking=!1},1e3*i.interactivity.modes.repulse.duration)}})},i.fn.vendors.densityAutoParticles=function(){if(i.particles.number.density.enable){var e=i.canvas.el.width*i.canvas.el.height/1e3;i.tmp.retina&&(e/=2*i.canvas.pxratio);var a=e*i.particles.number.value/i.particles.number.density.value_area,t=i.particles.array.length-a;0>t?i.fn.modes.pushParticles(Math.abs(t)):i.fn.modes.removeParticles(t)}},i.fn.vendors.checkOverlap=function(e,a){for(var t=0;t<i.particles.array.length;t++){var s=i.particles.array[t],n=e.x-s.x,r=e.y-s.y,c=Math.sqrt(n*n+r*r);c<=e.radius+s.radius&&(e.x=a?a.x:Math.random()*i.canvas.w,e.y=a?a.y:Math.random()*i.canvas.h,i.fn.vendors.checkOverlap(e))}},i.fn.vendors.createSvgImg=function(e){var a=i.tmp.source_svg,t=/#([0-9A-F]{3,6})/gi,s=a.replace(t,function(a,t,i,s){if(e.color.rgb)var n="rgba("+e.color.rgb.r+","+e.color.rgb.g+","+e.color.rgb.b+","+e.opacity+")";else var n="hsla("+e.color.hsl.h+","+e.color.hsl.s+"%,"+e.color.hsl.l+"%,"+e.opacity+")";return n}),n=new Blob([s],{type:"image/svg+xml;charset=utf-8"}),r=window.URL||window.webkitURL||window,c=r.createObjectURL(n),o=new Image;o.addEventListener("load",function(){e.img.obj=o,e.img.loaded=!0,r.revokeObjectURL(c),i.tmp.count_svg++}),o.src=c},i.fn.vendors.destroypJS=function(){cancelAnimationFrame(i.fn.drawAnimFrame),t.remove(),pJSDom=null},i.fn.vendors.drawShape=function(e,a,t,i,s,n){var r=s*n,c=s/n,o=180*(c-2)/c,l=Math.PI-Math.PI*o/180;e.save(),e.beginPath(),e.translate(a,t),e.moveTo(0,0);for(var v=0;r>v;v++)e.lineTo(i,0),e.translate(i,0),e.rotate(l);e.fill(),e.restore()},i.fn.vendors.exportImg=function(){window.open(i.canvas.el.toDataURL("image/png"),"_blank")},i.fn.vendors.loadImg=function(e){if(i.tmp.img_error=void 0,""!=i.particles.shape.image.src)if("svg"==e){var a=new XMLHttpRequest;a.open("GET",i.particles.shape.image.src),a.onreadystatechange=function(e){4==a.readyState&&(200==a.status?(i.tmp.source_svg=e.currentTarget.response,i.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),i.tmp.img_error=!0))},a.send()}else{var t=new Image;t.addEventListener("load",function(){i.tmp.img_obj=t,i.fn.vendors.checkBeforeDraw()}),t.src=i.particles.shape.image.src}else console.log("Error pJS - No image.src"),i.tmp.img_error=!0},i.fn.vendors.draw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type?i.tmp.count_svg>=i.particles.number.value?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):void 0!=i.tmp.img_obj?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame))},i.fn.vendors.checkBeforeDraw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type&&void 0==i.tmp.source_svg?i.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(i.tmp.checkAnimFrame),i.tmp.img_error||(i.fn.vendors.init(),i.fn.vendors.draw())):(i.fn.vendors.init(),i.fn.vendors.draw())},i.fn.vendors.init=function(){i.fn.retinaInit(),i.fn.canvasInit(),i.fn.canvasSize(),i.fn.canvasPaint(),i.fn.particlesCreate(),i.fn.vendors.densityAutoParticles(),i.particles.line_linked.color_rgb_line=hexToRgb(i.particles.line_linked.color)},i.fn.vendors.start=function(){isInArray("image",i.particles.shape.type)?(i.tmp.img_type=i.particles.shape.image.src.substr(i.particles.shape.image.src.length-3),i.fn.vendors.loadImg(i.tmp.img_type)):i.fn.vendors.checkBeforeDraw()},i.fn.vendors.eventsListeners(),i.fn.vendors.start()};Object.deepExtend=function(e,a){for(var t in a)a[t]&&a[t].constructor&&a[t].constructor===Object?(e[t]=e[t]||{},arguments.callee(e[t],a[t])):e[t]=a[t];return e},window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}(),window.cancelRequestAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout}(),window.pJSDom=[],window.particlesJS=function(e,a){"string"!=typeof e&&(a=e,e="particles-js"),e||(e="particles-js");var t=document.getElementById(e),i="particles-js-canvas-el",s=t.getElementsByClassName(i);if(s.length)for(;s.length>0;)t.removeChild(s[0]);var n=document.createElement("canvas");n.className=i,n.style.width="100%",n.style.height="100%";var r=document.getElementById(e).appendChild(n);null!=r&&pJSDom.push(new pJS(e,a))},window.particlesJS.load=function(e,a,t){var i=new XMLHttpRequest;i.open("GET",a),i.onreadystatechange=function(a){if(4==i.readyState)if(200==i.status){var s=JSON.parse(a.currentTarget.response);window.particlesJS(e,s),t&&t()}else console.log("Error pJS - XMLHttpRequest status: "+i.status),console.log("Error pJS - File config not found")},i.send()};
  • addon-elements-for-elementor-page-builder/trunk/elementor-addon-elements.php

    r2026355 r2026357  
    33 * Plugin Name: Elementor Addon Elements
    44 * Description: Add new elements to Elementor page builder plugin.
    5  * Plugin URI: https://www.elementoraddons.com/elements-addon-elements/
     5 * Plugin URI: http://www.webtechstreet.com/
    66 * Author: WebTechStreet
    7  * Version: 1.3
    8  * Author URI: http://www.webtechstreet.com/
     7 * Version: 1.2
     8 * Author URI: http://www.webtchstreet.com/
    99 *
    1010 * Text Domain: wts-eae
    11  * @package WTS_EAE
    12  */
    13 define( 'EAE_FILE', __FILE__ );
    14 define( 'EAE_URL', plugins_url( '/', __FILE__ ) );
    15 define( 'EAE_PATH', plugin_dir_path( __FILE__ ) );
    16 define( 'EAE_SCRIPT_SUFFIX', defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min' );
    17 define( 'EAE_VERSION', '1.3');
     11*/
    1812
    19 function wts_eae_activate() {
     13if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    2014
    21     \Elementor\Plugin::$instance->files_manager->clear_cache();
    22 }
    23 register_activation_hook( __FILE__, 'wts_eae_activate' );
     15define( 'ELEMENTOR_ADDON_URL', plugins_url( '/', __FILE__ ) );
     16define( 'ELEMENTOR_ADDON_PATH', plugin_dir_path( __FILE__ ) );
    2417
    25 if ( ! function_exists( '_is_elementor_installed' ) ) {
    2618
    27     function _is_elementor_installed() {
    28         $file_path = 'elementor/elementor.php';
    29         $installed_plugins = get_plugins();
     19require_once ELEMENTOR_ADDON_PATH.'inc/elementor-helper.php';
    3020
    31         return isset( $installed_plugins[ $file_path ] );
    32     }
     21if(is_admin()){
     22    require_once ELEMENTOR_ADDON_PATH. 'inc/admin/settings-page.php';
     23    require_once ELEMENTOR_ADDON_PATH. 'inc/admin/controls.php';
     24    require_once ELEMENTOR_ADDON_PATH. 'inc/admin/Settings.php';
    3325}
    3426
    35 if(!function_exists('is_plugin_active')){
    36     include_once( ABSPATH . 'wp-admin/includes/plugin.php' );
     27
     28function add_new_elements(){
     29
     30
     31   require_once ELEMENTOR_ADDON_PATH.'inc/helper.php';
     32
     33   // load elements
     34   require_once ELEMENTOR_ADDON_PATH.'elements/textseparator.php';
     35   require_once ELEMENTOR_ADDON_PATH.'elements/pricetable.php';
     36   require_once ELEMENTOR_ADDON_PATH.'elements/flipbox.php';
     37   require_once ELEMENTOR_ADDON_PATH.'elements/shape-separator.php';
     38   require_once ELEMENTOR_ADDON_PATH.'elements/post-list.php';
     39   require_once ELEMENTOR_ADDON_PATH.'elements/animated-text.php';
     40   require_once ELEMENTOR_ADDON_PATH.'elements/splittext.php';
     41
     42   require_once ELEMENTOR_ADDON_PATH.'elements/twitter.php';
     43
     44   require_once ELEMENTOR_ADDON_PATH.'elements/gmap.php';
     45
     46   require_once ELEMENTOR_ADDON_PATH.'elements/image-compare.php';
     47   require_once ELEMENTOR_ADDON_PATH.'elements/modal-popup.php';
     48
     49
    3750}
     51add_action('elementor/widgets/widgets_registered','add_new_elements');
    3852
    39 require_once 'inc/bootstrap.php';
     53
     54
     55
     56
     57function eae_scripts(){
     58   wp_enqueue_style('eae-css',ELEMENTOR_ADDON_URL.'assets/css/eae.css');
     59
     60   /* animated text css and js file*/
     61   wp_enqueue_script('animated-main',ELEMENTOR_ADDON_URL.'assets/js/animated-main.js', array('jquery'),'1.0', true);
     62
     63   wp_enqueue_script('eae-main',ELEMENTOR_ADDON_URL.'assets/js/eae.js', array('jquery', 'wts-magnific'),'1.0', true);
     64
     65   wp_enqueue_script('eae-particles',ELEMENTOR_ADDON_URL.'assets/js/particles.js', array('jquery'),'1.0', true);
     66
     67    wp_enqueue_style('vegas-css',ELEMENTOR_ADDON_URL.'assets/lib/vegas/vegas.css' );
     68    wp_enqueue_script('vegas',ELEMENTOR_ADDON_URL.'assets/lib/vegas/vegas.js',array('jquery'),'2.4.0', true);
     69    wp_enqueue_script('wts-magnific',ELEMENTOR_ADDON_URL.'assets/lib/magnific.js',array('jquery'),'1.9', true);
     70
     71
     72
     73
     74   $map_key = get_option('wts_eae_gmap_key');
     75   if(isset($map_key) && $map_key != ''){
     76       wp_register_script('eae-gmap', 'https://maps.googleapis.com/maps/api/js?key='.$map_key);
     77   }
     78
     79   wp_register_script('pinit', '//assets.pinterest.com/js/pinit.js', '', '', false);
     80
     81   
     82   wp_register_script('eae-stickyanything',ELEMENTOR_ADDON_URL.'assets/js/stickyanything.js',array('jquery'),'1.1.2',true);
     83
     84    $localize_data = array(
     85        'plugin_url' => plugins_url('elementor-addon-elements')
     86    );
     87    wp_localize_script( 'eae-main', 'eae_editor', $localize_data );
     88
     89}
     90add_action( 'wp_enqueue_scripts', 'eae_scripts' );
     91
     92function eae_editor_enqueue_scripts(){
     93    wp_enqueue_script('eae-particles',ELEMENTOR_ADDON_URL.'assets/js/particles.js', array('jquery'),'1.0', true);
     94}
     95add_action('elementor/editor/wp_head',  'eae_editor_enqueue_scripts');
     96
     97
     98
     99
     100
     101function _editor_enqueue_scripts(){
     102    $map_key = get_option('wts_eae_gmap_key');
     103    if(isset($map_key) && $map_key != ''){
     104        wp_enqueue_script('eae-gmap', 'https://maps.googleapis.com/maps/api/js?key='.$map_key);
     105    }
     106
     107    wp_enqueue_script('pinit', '//assets.pinterest.com/js/pinit.js');
     108}
     109add_action('elementor/editor/wp_head', '_editor_enqueue_scripts');
     110
     111
     112
     113
     114
     115
     116
     117
  • addon-elements-for-elementor-page-builder/trunk/inc/admin/Settings.php

    r2026355 r2026357  
    77 */
    88
    9 namespace WTS_EAE;
     9namespace EAE;
    1010
    1111
     
    2222    public function register_admin_menu() {
    2323        add_menu_page(
    24             __( 'Elementor Addon Elements', 'wts-eae' ),
    25             __( 'Elementor Addon Elements', 'wts-eae' ),
     24            __( 'Elementor Addon Elements', 'eae' ),
     25            __( 'Elementor Addon Elements', 'eae' ),
    2626            'manage_options',
    2727            self::PAGE_ID,
     
    3333
    3434    protected function get_page_title() {
    35         return __( 'Elementor Addons Elements', 'wts-eae' );
     35        return __( 'Elementor Addons Elements', 'EAE' );
    3636    }
    3737
     
    4949                                    'type' => 'text',
    5050                                    'desc' => '<a href="https://developers.google.com/maps/documentation/javascript/get-api-key" target="_blank">'
    51                                                 . __('Click Here', 'wts-eae') .
     51                                                . __('Click Here', 'eae') .
    5252                                '</a> to generate API KEY'
    5353                                ],
     
    5858            ],
    5959            'other_products' => [
    60                 'label' => __('Other Products', 'wts-eae'),
     60                'label' => __('Other Products', 'eae'),
    6161                'sections'   => [
    6262                    'other_products' => [
     
    107107                       
    108108                        <div class="logo-box">
    109                                 <img src="'.EAE_URL.'assets/aep.png" title="AnyWhere Elementor Pro" />
     109                                <img src="'.ELEMENTOR_ADDON_URL.'assets/aep.png" title="AnyWhere Elementor Pro" />
    110110                        </div> ';
    111111
  • addon-elements-for-elementor-page-builder/trunk/inc/admin/controls.php

    r2026355 r2026357  
    11<?php
    2 namespace WTS_EAE;
     2namespace EAE;
    33
    44if ( ! defined( 'ABSPATH' ) ) {
  • addon-elements-for-elementor-page-builder/trunk/inc/admin/settings-page.php

    r2026355 r2026357  
    11<?php
    2 namespace WTS_EAE;
     2namespace EAE;
    33
    44if ( ! defined( 'ABSPATH' ) ) {
  • addon-elements-for-elementor-page-builder/trunk/inc/elementor-helper.php

    r2026355 r2026357  
    11<?php
    22namespace Elementor;
     3
     4function eae_elementor_init(){
     5    Plugin::instance()->elements_manager->add_category(
     6        'wts-eae',
     7        [
     8            'title'  => 'Elementor Addon Elements',
     9            'icon' => 'font'
     10        ],
     11        1
     12    );
     13
     14    require_once ELEMENTOR_ADDON_PATH.'elements/bg-slider.php';
     15    require_once ELEMENTOR_ADDON_PATH.'elements/particles.php';
     16
     17}
     18add_action('elementor/init','Elementor\eae_elementor_init');
     19
     20
     21
  • addon-elements-for-elementor-page-builder/trunk/readme.txt

    r2026355 r2026357  
    33Tags: page-builder, elementor
    44Requires at least: 4.4
    5 Tested up to: 5.0.3
     5Tested up to: 5.0
    66Stable tag: 5.0
    77License: GPLv2 or later
     
    1212== Description ==
    1313
    14 This plugin adds new widgets to Elementor Page Builder.
     14This plugin adds new elements/widgets to Elementor Page Builder.
    1515
    16 For more details and demo check our official site https://www.elementoraddons.com/elements-addon-elements/
     16For more details and demo check our official site http://www.elementoraddons.com/
    1717
    1818Current Addon Elements:
    1919
    20 * Timeline (new)
    21 * Info Circle (new)
    22 * Comparison Table (new)
     20* Flip Box
     21* Text Separator
     22* Price Table
     23* Post List
     24* Animated Text
    2325* After/Before Image Compare
    24 * Flip Box
    25 * Text Separator
     26* Split Text
    2627* Google Map (with ability to add styles from Snazzy Maps)
    27 * Split Text
    28 * Price Table
    29 * Animated Text
    3028* Twitter (Show profile timeline, hashtag feed, tweet, follow and hashtag button)
    3129* Shape Separator (Deprecated.. use shape separator available with Elementor)
     
    4846= Where can i find the new element added =
    4947
    50 New elements are added at the end of default elementor widget area.
     48New elements are added at the end of default elementor elements.
    5149
    5250= How to set shape separator as full width. =
     
    6664== Changelog ==
    6765
    68 = 1.3 =
    69 * New Widget: Timeline
    70 * New Widget: Info Circle
    71 * New Widget: Comparison Table
    72 
    7366= 1.2 =
    7467* New Widget: Pop Up
     
    7669* Enhancement: Animation option added in Gmap marker icon
    7770* Enhancement: More effects added in flipbox
     71
    7872
    7973= 1.1 =
Note: See TracChangeset for help on using the changeset viewer.