PluginProbe
Page Builder: Pagelayer – Drag and Drop website builder / 2.2.2
Page Builder: Pagelayer – Drag and Drop website builder v2.2.2
2.2.2 2.2.1 2.2.0 2.1.9 2.1.8 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 trunk 0.9.0 0.9.1 0.9.2 0.9.3 0.9.4 0.9.5 0.9.6 0.9.7 0.9.8 0.9.9 1.0.0 1.0.2 1.0.3 1.0.4 All 130 releases
← All changes | css/pagelayer-frontend.css +2449 -115 1.0.4 → 2.2.2 View file →
@@ -1,26 +1,8 @@
1 1 /*
2 - PageLayer Frontend Framework
2 +Pagelayer Frontend Framework
3 3 */
4 4
5 -@media (min-width: 769px){
6 - .pagelayer-hide-desktop{
7 - display:none;
8 - }
9 -}
10 -
11 -@media (max-width: 768px) and (min-width: 361px){
12 - .pagelayer-hide-tablet{
13 - display:none;
14 - }
15 -}
16 -
17 -@media (max-width: 360px){
18 - .pagelayer-hide-mobile{
19 - display:none;
20 - }
21 -}
22 -
23 5 [pagelayer-id]{
24 6 transition:0.5s;
25 7 }
26 8
@@ -50,16 +32,12 @@
50 32 align-content: flex-start;
51 33 }
52 34
53 35 /* Each immediate element in the col-holder should have full width */
54 -.pagelayer-col-holder>div{
36 +.pagelayer-col-holder>*{
55 37 width: 100%;
56 38 }
57 39
58 -@media (max-width: 768px) {
59 -.pagelayer-row {
60 - flex-direction: column;
61 - flex-wrap: nowrap; } }
62 40 .pagelayer-row.pagelayer-auto .pagelayer-col {
63 41 flex-grow: 1; }
64 42
65 43 .pagelayer-col-1 {
@@ -205,13 +183,8 @@
205 183
206 184 .pagelayer-gutters > .pagelayer-offset-12 {
207 185 margin-left: calc(100% + 2%) !important; }
208 186
209 -@media (max-width: 768px) {
210 - [class^='pagelayer-offset-'],
211 - [class*=' pagelayer-offset-'] {
212 - margin-left: 0; } }
213 -
214 187 .pagelayer-first {
215 188 order: -1; }
216 189
217 190 .pagelayer-last {
@@ -216,21 +189,9 @@
216 189
217 190 .pagelayer-last {
218 191 order: 1; }
219 192
220 -@media (max-width: 768px) {
221 - .pagelayer-row .pagelayer-col {
222 - margin-left: 0;
223 - width: 100%; }
224 - .pagelayer-row.pagelayer-gutters .pagelayer-col {
225 - margin-bottom: 16px; }
226 - .pagelayer-first-sm {
227 - order: -1; }
228 - .pagelayer-last-sm {
229 - order: 1; } }
230 -
231 193 /**************My Style for front-end *********/
232 -
233 194 .pagelayer-img{
234 195 vertical-align:bottom;
235 196 max-width: 100%;
236 197 }
@@ -346,8 +307,9 @@
346 307 max-width: none;
347 308 }
348 309
349 310 .pagelayer-service-container{
311 +position:relative;
350 312 -webkit-box-align: start;
351 313 -webkit-align-items: flex-start;
352 314 -ms-flex-align: start;
353 315 align-items: flex-start;
@@ -364,8 +326,10 @@
364 326 }
365 327
366 328 .pagelayer-service-btn{
367 329 display:inline-block;
330 +position:relative;
331 +z-index:9;
368 332 }
369 333
370 334 .pagelayer-service-details{
371 335 width:100%;
@@ -370,8 +334,12 @@
370 334 .pagelayer-service-details{
371 335 width:100%;
372 336 }
373 337
338 +.pagelayer-service-text{
339 +word-break:break-word;
340 +}
341 +
374 342 .pagelayer-service-align-left{
375 343 display:flex;
376 344 }
377 345
@@ -525,27 +493,30 @@
525 493
526 494 /* Icon widget end */
527 495
528 496 /* Icon animation */
529 -.pagelayer-animation-grow, [pagelayer-animation="grow"] .pagelayer-icon-holder{
497 +.pagelayer-animation-grow{
530 498 transition: transform 400ms;
531 499 }
532 500
533 -.pagelayer-animation-grow:hover, [pagelayer-animation="grow"] .pagelayer-icon-holder:hover{
501 +.pagelayer-animation-grow:hover,
502 +.pagelayer-anim-par:hover .pagelayer-animation-grow{
534 503 transform: scale(1.1);
535 504 }
536 505
537 -.pagelayer-animation-shrink, [pagelayer-animation="shrink"] .pagelayer-icon-holder{
506 +.pagelayer-animation-shrink{
538 507 transition: transform 400ms;
539 508 }
540 509
541 -.pagelayer-animation-shrink:hover, [pagelayer-animation="shrink"] .pagelayer-icon-holder:hover{
510 +.pagelayer-animation-shrink:hover,
511 +.pagelayer-anim-par:hover .pagelayer-animation-shrink{
542 512 transform: scale(0.9);
543 513 }
544 514
545 515 @keyframes pagelayer-animation-pulse{25%{transform:scale(1.1)}75%{transform:scale(0.9)}}
546 516
547 -.pagelayer-animation-pulse:hover, [pagelayer-animation="pulse"] .pagelayer-icon-holder:hover{
517 +.pagelayer-animation-pulse:hover,
518 +.pagelayer-anim-par:hover .pagelayer-animation-pulse{
548 519 animation-name: pagelayer-animation-pulse;
549 520 animation-duration: 1s;
550 521 animation-timing-function: linear;
551 522 animation-iteration-count: infinite;
@@ -552,9 +523,10 @@
552 523 }
553 524
554 525 @keyframes pagelayer-animation-pulse-grow{to{transform:scale(1.1)}}
555 526
556 -.pagelayer-animation-pulse-grow:hover, [pagelayer-animation="pulse-grow"] .pagelayer-icon-holder:hover{
527 +.pagelayer-animation-pulse-grow:hover,
528 +.pagelayer-anim-par:hover .pagelayer-animation-pulse-grow{
557 529 animation-name: pagelayer-animation-pulse-grow;
558 530 animation-duration: 0.4s;
559 531 animation-timing-function: linear;
560 532 animation-iteration-count: infinite;
@@ -562,9 +534,10 @@
562 534 }
563 535
564 536 @keyframes pagelayer-animation-pulse-shrink{to{transform:scale(0.9)}}
565 537
566 -.pagelayer-animation-pulse-shrink:hover, [pagelayer-animation="pulse-shrink"] .pagelayer-icon-holder:hover{
538 +.pagelayer-animation-pulse-shrink:hover,
539 +.pagelayer-anim-par:hover .pagelayer-animation-pulse-shrink{
567 540 animation-name: pagelayer-animation-pulse-shrink;
568 541 animation-duration: 0.4s;
569 542 animation-timing-function: linear;
570 543 animation-iteration-count: infinite;
@@ -572,9 +545,10 @@
572 545 }
573 546
574 547 @keyframes pagelayer-animation-push{50%{transform:scale(0.8)}100%{transform:scale(1)}}
575 548
576 -.pagelayer-animation-push:hover, [pagelayer-animation="push"] .pagelayer-icon-holder:hover{
549 +.pagelayer-animation-push:hover,
550 +.pagelayer-anim-par:hover .pagelayer-animation-push{
577 551 animation-name:pagelayer-animation-push;
578 552 animation-duration:0.4s;
579 553 animation-timing-function:linear;
580 554 animation-iteration-count:1
@@ -581,9 +555,10 @@
581 555 }
582 556
583 557 @keyframes pagelayer-animation-pop{50%{transform:scale(1.2)}}
584 558
585 -.pagelayer-animation-pop:hover, [pagelayer-animation="pop"] .pagelayer-icon-holder:hover{
559 +.pagelayer-animation-pop:hover,
560 +.pagelayer-anim-par:hover .pagelayer-animation-pop{
586 561 animation-name:pagelayer-animation-pop;
587 562 animation-duration:0.4s;
588 563 animation-timing-function:linear;
589 564 animation-iteration-count:1
@@ -597,9 +572,10 @@
597 572 transform:translateX(-3px) rotate(-2deg)
598 573 }
599 574 }
600 575
601 -.pagelayer-animation-buzz:hover, [pagelayer-animation="buzz"] .pagelayer-icon-holder:hover{
576 +.pagelayer-animation-buzz:hover,
577 +.pagelayer-anim-par:hover .pagelayer-animation-buzz{
602 578 animation-name:pagelayer-animation-buzz;
603 579 animation-duration:0.15s;
604 580 animation-timing-function:linear;
605 581 animation-iteration-count:infinite;
@@ -617,9 +593,10 @@
617 593 90%{transform:translateX(1px) rotate(0)}
618 594 100%{transform:translateX(-1px) rotate(0)}
619 595 }
620 596
621 -.pagelayer-animation-buzz-out:hover, [pagelayer-animation="buzz-out"] .pagelayer-icon-holder:hover{
597 +.pagelayer-animation-buzz-out:hover,
598 +.pagelayer-anim-par:hover .pagelayer-animation-buzz-out{
622 599 animation-name:pagelayer-animation-buzz-out;
623 600 animation-duration:0.7s;
624 601 animation-timing-function:linear;
625 602 animation-iteration-count:1;
@@ -624,13 +601,15 @@
624 601 animation-timing-function:linear;
625 602 animation-iteration-count:1;
626 603 }
627 604
628 -.pagelayer-animation-float:hover, [pagelayer-animation="float"] .pagelayer-icon-holder:hover{
605 +.pagelayer-animation-float:hover,
606 +.pagelayer-anim-par:hover .pagelayer-animation-float{
629 607 transform:translateY(-8px)
630 608 }
631 609
632 -.pagelayer-animation-sink:hover, [pagelayer-animation="sink"] .pagelayer-icon-holder:hover{
610 +.pagelayer-animation-sink:hover,
611 +.pagelayer-anim-par:hover .pagelayer-animation-sink{
633 612 transform:translateY(8px)
634 613 }
635 614
636 615 @keyframes pagelayer-animation-bob{
@@ -642,9 +621,10 @@
642 621 @keyframes pagelayer-animation-bob-up{
643 622 100%{transform:translateY(-8px)}
644 623 }
645 624
646 -.pagelayer-animation-bob:hover, [pagelayer-animation="bob"] .pagelayer-icon-holder:hover{
625 +.pagelayer-animation-bob:hover,
626 +.pagelayer-anim-par:hover .pagelayer-animation-bob{
647 627 animation-name:pagelayer-animation-bob-up,pagelayer-animation-bob;
648 628 animation-duration:0.4s,1.5s;
649 629 animation-timing-function:ease-out,ease-in-out;
650 630 animation-delay:0s,0.3s;
@@ -660,9 +640,10 @@
660 640 @keyframes pagelayer-animation-hang-up{
661 641 100%{transform:translateY(8px)}
662 642 }
663 643
664 -.pagelayer-animation-hang:hover, [pagelayer-animation="hang"] .pagelayer-icon-holder:hover{
644 +.pagelayer-animation-hang:hover,
645 +.pagelayer-anim-par:hover .pagelayer-animation-hang{
665 646 animation-name:pagelayer-animation-hang-up,pagelayer-animation-hang;
666 647 animation-duration:0.4s,1.5s;
667 648 animation-timing-function:ease-out,ease-in-out;
668 649 animation-delay:0s,0.3s;
@@ -669,38 +650,44 @@
669 650 animation-iteration-count:1,infinite;
670 651 animation-direction:normal,alternate;
671 652 }
672 653
673 -.pagelayer-animation-bounce-in, [pagelayer-animation="bounce-in"] .pagelayer-icon-holder{
654 +.pagelayer-animation-bounce-in{
674 655 transition-duration:0.5s;
675 656 }
676 -.pagelayer-animation-bounce-in:hover, [pagelayer-animation="bounce-in"] .pagelayer-icon-holder:hover{
657 +.pagelayer-animation-bounce-in:hover,
658 +.pagelayer-anim-par:hover .pagelayer-animation-bounce-in{
677 659 transform:scale(1.2);
678 660 transition-timing-function:cubic-bezier(0.52,2.07,0.36,-0.41);
679 661 }
680 662
681 -.pagelayer-animation-bounce-out, [pagelayer-animation="bounce-out"] .pagelayer-icon-holder{
663 +.pagelayer-animation-bounce-out{
682 664 transition-duration:0.5s;
683 665 }
684 666
685 -.pagelayer-animation-bounce-out:hover, [pagelayer-animation="bounce-out"] .pagelayer-icon-holder:hover{
667 +.pagelayer-animation-bounce-out:hover,
668 +.pagelayer-anim-par:hover .pagelayer-animation-bounce-out{
686 669 transform:scale(0.8);
687 670 transition-timing-function:cubic-bezier(0.52,2.07,0.36,-0.41);
688 671 }
689 672
690 -.pagelayer-animation-rotate:hover, [pagelayer-animation="rotate"] .pagelayer-icon-holder:hover{
673 +.pagelayer-animation-rotate:hover,
674 +.pagelayer-anim-par:hover .pagelayer-animation-rotate{
691 675 transform:rotate(6deg);
692 676 }
693 677
694 -.pagelayer-animation-grow-rotate:hover, [pagelayer-animation="grow-rotate"] .pagelayer-icon-holder:hover{
678 +.pagelayer-animation-grow-rotate:hover,
679 +.pagelayer-anim-par:hover .pagelayer-animation-grow-rotate{
695 680 transform:scale(1.1) rotate(6deg);
696 681 }
697 682
698 -.pagelayer-animation-skew-forward:hover, [pagelayer-animation="skew-forward"] .pagelayer-icon-holder:hover{
683 +.pagelayer-animation-skew-forward:hover,
684 +.pagelayer-anim-par:hover .pagelayer-animation-skew-forward{
699 685 transform:skew(-9deg);
700 686 }
701 687
702 -.pagelayer-animation-skew-backward:hover, [pagelayer-animation="skew-backward"] .pagelayer-icon-holder:hover{
688 +.pagelayer-animation-skew-backward:hover,
689 +.pagelayer-anim-par:hover .pagelayer-animation-skew-backward{
703 690 transform:skew(9deg);
704 691 }
705 692
706 693 @keyframes pagelayer-animation-wobble-vertical{
@@ -711,9 +698,10 @@
711 698 83%{transform:translateY(1px)}
712 699 100%{transform:translateY(0)}
713 700 }
714 701
715 -.pagelayer-animation-wobble-vertical:hover, [pagelayer-animation="wobble-vertical"] .pagelayer-icon-holder:hover{
702 +.pagelayer-animation-wobble-vertical:hover,
703 +.pagelayer-anim-par:hover .pagelayer-animation-wobble-vertical{
716 704 animation-name:pagelayer-animation-wobble-vertical;
717 705 animation-duration:1s;
718 706 animation-timing-function:ease-in-out;
719 707 animation-iteration-count:1;
@@ -727,9 +715,10 @@
727 715 83%{transform:translateX(1px)}
728 716 100%{transform:translateX(0)}
729 717 }
730 718
731 -.pagelayer-animation-wobble-horizontal:hover, [pagelayer-animation="wobble-horizontal"] .pagelayer-icon-holder:hover{
719 +.pagelayer-animation-wobble-horizontal:hover,
720 +.pagelayer-anim-par:hover .pagelayer-animation-wobble-horizontal{
732 721 animation-name:pagelayer-animation-wobble-horizontal;
733 722 animation-duration:1s;
734 723 animation-timing-function:ease-in-out;
735 724 animation-iteration-count:1;
@@ -744,9 +733,10 @@
744 733 100%{transform:translate(0,0)}
745 734 }
746 735
747 736
748 -.pagelayer-animation-wobble-bottom-to-right:hover, [pagelayer-animation="wobble-bottom-to-right"] .pagelayer-icon-holder:hover{
737 +.pagelayer-animation-wobble-bottom-to-right:hover,
738 +.pagelayer-anim-par:hover .pagelayer-animation-wobble-bottom-to-right{
749 739 animation-name:pagelayer-animation-wobble-bottom-to-right;
750 740 animation-duration:1s;
751 741 animation-timing-function:ease-in-out;
752 742 animation-iteration-count:1;
@@ -761,9 +751,10 @@
761 751 100%{transform:translate(0,0)}
762 752 }
763 753
764 754
765 -.pagelayer-animation-wobble-top-to-right:hover, [pagelayer-animation="wobble-top-to-right"] .pagelayer-icon-holder:hover{
755 +.pagelayer-animation-wobble-top-to-right:hover,
756 +.pagelayer-anim-par:hover .pagelayer-animation-wobble-top-to-right{
766 757 animation-name:pagelayer-animation-wobble-top-to-right;
767 758 animation-duration:1s;
768 759 animation-timing-function:ease-in-out;
769 760 animation-iteration-count:1;
@@ -768,10 +759,9 @@
768 759 animation-timing-function:ease-in-out;
769 760 animation-iteration-count:1;
770 761 }
771 762
772 -.pagelayer-animation-wobble-top, [pagelayer-animation="wobble-top"] .pagelayer-icon-holder
773 -{
763 +.pagelayer-animation-wobble-top{
774 764 transform-origin:0 100%;
775 765 }
776 766
777 767 @keyframes pagelayer-animation-wobble-top{
@@ -782,9 +772,10 @@
782 772 83%{transform:skew(-3deg)}
783 773 100%{transform:skew(0)}
784 774 }
785 775
786 -.pagelayer-animation-wobble-top:hover, [pagelayer-animation="wobble-top"] .pagelayer-icon-holder:hover{
776 +.pagelayer-animation-wobble-top:hover,
777 +.pagelayer-anim-par:hover .pagelayer-animation-wobble-top{
787 778 animation-name:pagelayer-animation-wobble-top;
788 779 animation-duration:1s;
789 780 animation-timing-function:ease-in-out;
790 781 animation-iteration-count:1
@@ -789,9 +780,9 @@
789 780 animation-timing-function:ease-in-out;
790 781 animation-iteration-count:1
791 782 }
792 783
793 -.pagelayer-animation-wobble-bottom, [pagelayer-animation="wobble-bottom"] .pagelayer-icon-holder{
784 +.pagelayer-animation-wobble-bottom{
794 785 transform-origin:100% 0;
795 786 }
796 787
797 788 @keyframes pagelayer-animation-wobble-bottom{
@@ -802,9 +793,10 @@
802 793 83%{transform:skew(-3deg)}
803 794 100%{transform:skew(0)}
804 795 }
805 796
806 -.pagelayer-animation-wobble-bottom:hover, [pagelayer-animation="wobble-bottom"] .pagelayer-icon-holder:hover{
797 +.pagelayer-animation-wobble-bottom:hover,
798 +.pagelayer-anim-par:hover .pagelayer-animation-wobble-bottom{
807 799 animation-name:pagelayer-animation-wobble-bottom;
808 800 animation-duration:1s;
809 801 animation-timing-function:ease-in-out;
810 802 animation-iteration-count:1
@@ -818,9 +810,10 @@
818 810 83%{transform:skew(-3deg)}
819 811 100%{transform:skew(0)}
820 812 }
821 813
822 -.pagelayer-animation-wobble-skew:hover, [pagelayer-animation="wobble-skew"] .pagelayer-icon-holder:hover{
814 +.pagelayer-animation-wobble-skew:hover,
815 +.pagelayer-anim-par:hover .pagelayer-animation-wobble-skew{
823 816 animation-name:pagelayer-animation-wobble-skew;
824 817 animation-duration:1s;
825 818 animation-timing-function:ease-in-out;
826 819 animation-iteration-count:1
@@ -877,8 +870,9 @@
877 870 border-radius: 6px;
878 871 position: absolute;
879 872 z-index: 1;
880 873 padding:5px;
874 +word-break:break-word;
881 875 }
882 876
883 877 .pagelayer-tooltip-icon{
884 878 margin:0px 4px;
@@ -952,11 +946,16 @@
952 946 border-style: solid;
953 947 border-color: transparent transparent transparent #000000;
954 948 }
955 949
956 -.pagelayer-tooltip-container:hover .pagelayer-tooltip-text{
957 -visibility: visible;
950 +.pagelayer-tooltip-container:hover .pagelayer-tooltip-text,
951 +.pagelayer-tooltip-text:focus{
952 +visibility: visible !important;
958 953 }
954 +
955 +.pagelayer-tooltip-on-click{
956 +visibility: visible !important;
957 +}
959 958 /*Tooltip widget end*/
960 959
961 960 /* Button widget */
962 961
@@ -964,8 +963,10 @@
964 963 border-radius:5px;
965 964 display:inline-block;
966 965 line-height:1em;
967 966 transition:all 0.3s;
967 +cursor: pointer;
968 +box-sizing:border-box;
968 969 }
969 970
970 971 .pagelayer-btn-default{
971 972 background-color:#818a91 !important;
@@ -1104,22 +1105,29 @@
1104 1105 font-size: 22px;
1105 1106 padding: 30px 60px;
1106 1107 }
1107 1108
1108 -.pagelayer-btn-icon-left .pagelayer-btn-icon:last-child{
1109 +.pagelayer-btn-icon-left .pagelayer-btn-icon:last-child,
1110 +.pagelayer-btn-icon-right .pagelayer-btn-icon:first-child,
1111 +.pagelayer-btn-icon-left .pagelayer-btn-load-icon:last-child,
1112 +.pagelayer-btn-icon-right .pagelayer-btn-load-icon:first-child,
1113 +.pagelayer-btn-icon-left .pagelayer-cf-icon-right,
1114 +.pagelayer-btn-icon-right .pagelayer-cf-icon-left{
1109 1115 display: none;
1110 1116 }
1111 1117
1112 -.pagelayer-btn-icon-right .pagelayer-btn-icon:first-child{
1113 -display: none;
1114 -}
1115 -
1116 -.pagelayer-btn-icon-left .pagelayer-btn-icon{
1118 +.pagelayer-btn-icon-left .pagelayer-btn-icon,
1119 +.pagelayer-btn-icon-left .pagelayer-btn-load-icon{
1117 1120 padding-left:0 !important;
1121 +position: relative;
1122 +z-index: 1;
1118 1123 }
1119 1124
1120 -.pagelayer-btn-icon-right .pagelayer-btn-icon{
1125 +.pagelayer-btn-icon-right .pagelayer-btn-icon,
1126 +.pagelayer-btn-icon-right .pagelayer-btn-load-icon{
1121 1127 padding-right:0 !important;
1128 +position: relative;
1129 +z-index: 1;
1122 1130 }
1123 1131
1124 1132 /* Button widget end */
1125 1133
@@ -1143,8 +1151,13 @@
1143 1151 background-color:#1DA1F2;
1144 1152 color:#1DA1F2;
1145 1153 }
1146 1154
1155 +.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-x-twitter"],
1156 +.pagelayer-share-content[class*="pagelayer-x-twitter"]{
1157 +background-color:#000000;
1158 +}
1159 +
1147 1160 .pagelayer-icon-holder[class*="pagelayer-android"] .pagelayer-social-fa{
1148 1161 color:#A4C639
1149 1162 }
1150 1163
@@ -1202,8 +1215,28 @@
1202 1215 background-color:#c8232c;
1203 1216 color:#c8232c;
1204 1217 }
1205 1218
1219 +.pagelayer-icon-holder[class*="pagelayer-get-pocket"] .pagelayer-social-fa{
1220 +color:#ef4156;
1221 +}
1222 +
1223 +.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-get-pocket"],
1224 +.pagelayer-share-content[class*="pagelayer-get-pocket"]{
1225 +background-color:#ef4156;
1226 +color:#ef4156;
1227 +}
1228 +
1229 +.pagelayer-icon-holder[class*="pagelayer-envelope"] .pagelayer-social-fa{
1230 +color:#292929;
1231 +}
1232 +
1233 +.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-envelope"],
1234 +.pagelayer-share-content[class*="pagelayer-envelope"]{
1235 +background-color:#292929;
1236 +color:#292929;
1237 +}
1238 +
1206 1239 .pagelayer-icon-holder[class*="pagelayer-reddit"] .pagelayer-social-fa{
1207 1240 color:#ff4301;
1208 1241 }
1209 1242
@@ -1640,8 +1673,9 @@
1640 1673
1641 1674 .pagelayer-social_grp .pagelayer-icon-holder{
1642 1675 display:inline-block;
1643 1676 line-height: 100%;
1677 +text-align: center;
1644 1678 }
1645 1679
1646 1680 .pagelayer-share-content,
1647 1681 .pagelayer-share-content .pagelayer-icon-name{
@@ -1721,9 +1755,9 @@
1721 1755
1722 1756 .pagelayer-video .pagelayer-video-holder{
1723 1757 position:relative;
1724 1758 width: 100%;
1725 -height: 100%;
1759 +height: auto;
1726 1760 overflow: hidden;
1727 1761 }
1728 1762
1729 1763 .pagelayer-video-iframe{
@@ -1754,33 +1788,34 @@
1754 1788 padding-top: 56.25%;
1755 1789 }
1756 1790
1757 1791 .pagelayer-video .pagelayer-video-holder .pagelayer-video-overlay{
1758 - position:absolute;
1759 - top:0;
1760 - left:0;
1761 - right:0;
1762 - bottom:0;
1763 - background-size: cover;
1764 - background-position: center center;
1765 - background-repeat: no-repeat;
1792 +position:absolute;
1793 +top:0;
1794 +left:0;
1795 +right:0;
1796 +bottom:0;
1797 +background-size: cover;
1798 +background-position: center center;
1799 +background-repeat: no-repeat;
1800 +cursor: pointer;
1766 1801 }
1767 1802
1768 1803 .pagelayer-video .pagelayer-video-holder a{
1769 - position:absolute;
1770 - top:0;
1771 - left:0;
1772 - right:0;
1773 - bottom:0;
1804 +position:absolute;
1805 +top:0;
1806 +left:0;
1807 +right:0;
1808 +bottom:0;
1774 1809 }
1775 1810
1776 1811 .pagelayer-video .pagelayer-video-holder .pagelayer-video-overlay i{
1777 - position: absolute;
1778 - top: 50%;
1779 - left: 50%;
1780 - -webkit-transform: translateX(-50%) translateY(-50%);
1781 - -ms-transform: translateX(-50%) translateY(-50%);
1782 - transform: translateX(-50%) translateY(-50%);
1812 +position: absolute;
1813 +top: 50%;
1814 +left: 50%;
1815 +-webkit-transform: translateX(-50%) translateY(-50%);
1816 +-ms-transform: translateX(-50%) translateY(-50%);
1817 +transform: translateX(-50%) translateY(-50%);
1783 1818 }
1784 1819 /* Video end */
1785 1820
1786 1821 /** Image **/
@@ -1830,9 +1865,9 @@
1830 1865 .pagelayer-button i{
1831 1866 padding: 0 3px;
1832 1867 }
1833 1868
1834 -.pagelayer-audio-container audio{
1869 +.pagelayer-audio-container, .pagelayer-audio-container audio{
1835 1870 width:100%;
1836 1871 }
1837 1872
1838 1873 .pagelayer-testimonial-avatar img{
@@ -1902,8 +1937,12 @@
1902 1937
1903 1938 /* Testimonial End */
1904 1939
1905 1940 /* Progress bar */
1941 +.pagelayer-progress-goal{
1942 +margin-top: 10px;
1943 +}
1944 +
1906 1945 .pagelayer-progress-container{
1907 1946 background-color:#eeeeee;
1908 1947 }
1909 1948
@@ -1920,8 +1959,18 @@
1920 1959 float:left;
1921 1960 padding-left:10px;
1922 1961 }
1923 1962
1963 +.pagelayer-progress-prefix {
1964 +float: left;
1965 +text-align: left;
1966 +display: inline-block;
1967 +}
1968 +
1969 +.pagelayer-progress-suffix{
1970 +text-align: right;
1971 +}
1972 +
1924 1973 /*Progress bar end*/
1925 1974
1926 1975 /*Stars widget start*/
1927 1976
@@ -1930,9 +1979,9 @@
1930 1979 }
1931 1980 .pagelayer-stars-container{
1932 1981 text-align:center;
1933 1982 color: #ccd6df;
1934 -font-family:"FontAwesome";
1983 +font-family: "FontAwesome", "Font Awesome 5 Free";
1935 1984 display: inline-block;
1936 1985 position: relative;
1937 1986 border-color: 1px solid #ccd6df;
1938 1987 }
@@ -1939,8 +1988,9 @@
1939 1988
1940 1989 .pagelayer-stars-container .pagelayer-stars-icon{
1941 1990 position: relative;
1942 1991 display:inline-block;
1992 +line-height: 1;
1943 1993 }
1944 1994
1945 1995 .pagelayer-stars-container .pagelayer-stars-icon:before{
1946 1996 content: "\f005";
@@ -1948,8 +1998,9 @@
1948 1998 font-family: inherit;
1949 1999 overflow: hidden;
1950 2000 color: #f0ad4e;
1951 2001 position:absolute;
2002 +font-weight:900;
1952 2003 top:0;
1953 2004 left:0;
1954 2005 }
1955 2006
@@ -1993,9 +2044,9 @@
1993 2044 width:0.9em;
1994 2045 }
1995 2046
1996 2047 .pagelayer-stars-icon.pagelayer-stars-full:before{
1997 -width:1em;
2048 +width:1.1em;
1998 2049 }
1999 2050 /*Stars widget end*/
2000 2051
2001 2052 /* Site Title Start */
@@ -2010,8 +2061,9 @@
2010 2061 font-weight: 500;
2011 2062 text-decoration-style: solid !important;
2012 2063 margin: 0px;
2013 2064 transition: all 400ms;
2065 +flex-grow:1;
2014 2066 }
2015 2067
2016 2068 .pagelayer-wp-title-img{
2017 2069 box-shadow: none !important;
@@ -2016,8 +2068,12 @@
2016 2068 .pagelayer-wp-title-img{
2017 2069 box-shadow: none !important;
2018 2070 }
2019 2071
2072 +.pagelayer-wp-title-desc{
2073 +padding: 5px 20px;
2074 +}
2075 +
2020 2076 .pagelayer-wp-title-align-left,
2021 2077 .pagelayer-wp-title-align-right{
2022 2078 display: flex;
2023 2079 }
@@ -2192,8 +2248,13 @@
2192 2248 font-size: 70px;
2193 2249 top: 0;
2194 2250 }
2195 2251
2252 +.pagelayer-quote-content .fa-quote-right{
2253 +display: inline-block;
2254 +vertical-align: top;
2255 +}
2256 +
2196 2257 /* Quote end */
2197 2258
2198 2259 .pagelayer-call-icon-section,
2199 2260 .pagelayer-call-content-section,
@@ -2287,14 +2348,15 @@
2287 2348 position: fixed;
2288 2349 padding: 50px;
2289 2350 top: 0;
2290 2351 left: 0;
2352 +right: 0;
2291 2353 height: 100%;
2292 -width: 100%;
2293 2354 overflow: auto;
2294 2355 color: #000;
2295 2356 opacity: 1;
2296 2357 z-index: 99999;
2358 +box-sizing: border-box;
2297 2359 }
2298 2360
2299 2361 .pagelayer-modal-bottom-content,
2300 2362 .pagelayer-splash-bottom-content{
@@ -2314,8 +2376,21 @@
2314 2376 top: 50%;
2315 2377 transform: translate(-50%, -50%);
2316 2378 }
2317 2379
2380 +.pagelayer-modal-content-overflow, .pagelayer-splash-content-overflow{
2381 +max-height:500px;
2382 +overflow:auto;
2383 +}
2384 +
2385 +.pagelayer-splash-bg-close, .pagelayer-modal-bg-close{
2386 +position: absolute;
2387 +top:0;
2388 +left:0;
2389 +width:100%;
2390 +height:100%;
2391 +}
2392 +
2318 2393 .pagelayer-btn-icon-left .pagelayer-icon-right{
2319 2394 display: none;
2320 2395 }
2321 2396
@@ -2419,19 +2494,19 @@
2419 2494 .pagelayer-countdown-expired{
2420 2495 display:none;
2421 2496 }
2422 2497
2423 -.pagelayer-countdown[pagelayer-a-display_expired_text="true"] .pagelayer-countdown-expired{
2498 +.pagelayer-countdown[display_expired_text="true"] .pagelayer-countdown-expired{
2424 2499 display:block !important;
2425 2500 }
2426 2501
2427 -.pagelayer-countdown[pagelayer-a-display_expired_text="true"] .pagelayer-countdown-counter{
2502 +.pagelayer-countdown[display_expired_text="true"] .pagelayer-countdown-counter{
2428 2503 display:none !important;
2429 2504 }
2430 2505 /* Countdown End*/
2431 2506
2432 2507 #pagelayer-header-menu{
2433 - display: inline-block;
2508 +display: inline-block;
2434 2509 }
2435 2510
2436 2511
2437 2512 /* splash style */
@@ -2497,9 +2572,9 @@
2497 2572 background-color: #ccc;
2498 2573 }
2499 2574
2500 2575 /* Style the tab content */
2501 -.pagelayer-tabs .pagelayer-tabcontainer [pagelayer-id] {
2576 +.pagelayer-tabs .pagelayer-tabcontainer .pagelayer-tab{
2502 2577 display: none;
2503 2578 padding: 6px 12px;
2504 2579 border-top: none;
2505 2580 }
@@ -2543,8 +2618,12 @@
2543 2618 }
2544 2619 /*Image Slider style End*/
2545 2620
2546 2621 /*Google Maps start*/
2622 +.pagelayer-google-maps-holder{
2623 +line-height:0;
2624 +}
2625 +
2547 2626 .pagelayer-google-maps-holder iframe{
2548 2627 margin:0px;
2549 2628 width:100%;
2550 2629 height:100%;
@@ -2550,8 +2629,11 @@
2550 2629 height:100%;
2551 2630 }
2552 2631
2553 2632 /* accordion style */
2633 +.pagelayer-accordion_item{
2634 +overflow:hidden;
2635 +}
2554 2636
2555 2637 .pagelayer-accordion-tabs {
2556 2638 cursor: pointer;
2557 2639 padding: 15px;
@@ -2743,8 +2825,35 @@
2743 2825 .pagelayer-grid-gallery-caption{
2744 2826 display:block;
2745 2827 }
2746 2828
2829 +.pagelayer-grid-gallery-pagination{
2830 +text-align:center;
2831 +}
2832 +
2833 +.pagelayer-grid-page-ul{
2834 +display: inline-block;
2835 +list-style-type: none;
2836 +margin-top:10px;
2837 +}
2838 +
2839 +.pagelayer-grid-page-ul li.active {
2840 +background-color:#00A0D2;
2841 +color:white;
2842 +}
2843 +
2844 +.pagelayer-grid-page-item{
2845 +color: black;
2846 +float: left;
2847 +padding: 8px 16px;
2848 +text-decoration: none;
2849 +}
2850 +
2851 +.pagelayer-grid-page-ul li:hover:not(.active){
2852 +background-color: #ddd;
2853 +cursor:pointer;
2854 +}
2855 +
2747 2856 /* Grid Gallery Style Ends */
2748 2857
2749 2858 .pagelayer-heading-holder *,
2750 2859 .pagelayer-text-holder *{
@@ -2749,8 +2858,9 @@
2749 2858 .pagelayer-heading-holder *,
2750 2859 .pagelayer-text-holder *{
2751 2860 padding: 0;
2752 2861 margin: 0;
2862 +overflow-wrap: break-word;
2753 2863 }
2754 2864
2755 2865 /* animation */
2756 2866
@@ -2819,17 +2929,20 @@
2819 2929 }
2820 2930
2821 2931 /*******************/
2822 2932
2823 -/* PageLayer Owl */
2933 +/* Pagelayer Owl */
2824 2934
2825 2935 .pagelayer-owl-stage-outer [class^="pagelayer-owl-"],
2826 -.pagelayer-owl-carousel .pagelayer-ele-wrap,
2827 -.pagelayer-slides-holder,
2936 +.pagelayer-owl-carousel .pagelayer-owl-item > .pagelayer-ele-wrap,
2828 2937 .pagelayer-owl-stage-outer{
2829 2938 height: 100%;
2830 2939 }
2831 2940
2941 +.pagelayer-owl-carousel .pagelayer-owl-item{
2942 +height: auto;
2943 +}
2944 +
2832 2945 .pagelayer-owl-prev,
2833 2946 .pagelayer-owl-next{
2834 2947 position: absolute;
2835 2948 top: 50%;
@@ -2852,11 +2965,2232 @@
2852 2965 position:absolute;
2853 2966 transform:translate(-50%, -53%);
2854 2967 }
2855 2968
2856 -/* PageLayer Owl End */
2969 +.pagelayer-owl-dot{
2970 +vertical-align: middle;
2971 +}
2857 2972
2973 +/* Pagelayer Owl End */
2974 +
2858 2975 /* Space Widget */
2859 2976 .pagelayer-space-holder{
2860 2977 height: 10px;
2861 2978 }
2862 2979 /* Space Widget End */
2980 +
2981 +/* Address and Number */
2982 +
2983 +.pagelayer-phone-holder,
2984 +.pagelayer-address-holder,
2985 +.pagelayer-email-holder{
2986 +display:flex;
2987 +}
2988 +
2989 +.pagelayer-address-icon,
2990 +.pagelayer-address,
2991 +.pagelayer-phone-icon,
2992 +.pagelayer-phone,
2993 +.pagelayer-email-icon,
2994 +.pagelayer-email{
2995 +margin-top:auto;
2996 +margin-bottom:auto;
2997 +word-break:break-word;
2998 +}
2999 +
3000 +/* Address and Number End */
3001 +
3002 +/****************/
3003 +/*** Freemium ***/
3004 +/****************/
3005 +
3006 +/*** Breadcrumb ***/
3007 +
3008 +.pagelayer-breadcrumb-section b{
3009 +font-weight: 100;
3010 +}
3011 +
3012 +/* Breadcrumb End */
3013 +
3014 +/*** Archive Posts ***/
3015 +.pagelayer-posts-container{
3016 +display: grid;
3017 +grid-template-columns: repeat(3,1fr);
3018 +grid-column-gap: 20px;
3019 +grid-row-gap: 40px;
3020 +}
3021 +
3022 +.pagelayer-wposts-meta *{
3023 +font-size: 12px;
3024 +}
3025 +
3026 +.pagelayer-pagination{
3027 +padding: 50px 20px;
3028 +text-align: center;
3029 +}
3030 +
3031 +.pagelayer-pagination .page-numbers:not(:last-child){
3032 +margin-right: 25px;
3033 +}
3034 +
3035 +.pagelayer-pagination a.page-numbers:hover{
3036 +color: #36b2d1;
3037 +}
3038 +
3039 +.pagelayer-wposts-thumb{
3040 +display:inline-block;
3041 +position:relative;
3042 +background-size:cover !important;
3043 +background-position:center !important;
3044 +width:100%;
3045 +}
3046 +
3047 +@media all and (max-width:599px){
3048 +.pagelayer-posts-container{
3049 +grid-template-columns: repeat(1,1fr);
3050 +}
3051 +}
3052 +
3053 +/*** Archive Posts End ***/
3054 +
3055 +/* WordPress Posts */
3056 +.pagelayer-wposts-title{
3057 +line-height:1;
3058 +}
3059 +
3060 +.pagelayer-wposts-sep{
3061 +font-weight:100;
3062 +}
3063 +
3064 +.pagelayer-wposts-sep:last-child{
3065 +display:none;
3066 +}
3067 +
3068 +.pagelayer-wposts-category a:not(:last-child):after,
3069 +.pagelayer-wposts-tags a:not(:last-child):after{
3070 +content:', ';
3071 +}
3072 +/* WordPress Posts End*/
3073 +
3074 +/* Copyright start */
3075 +.pagelayer-copyright{
3076 +text-align: center;
3077 +color: #111;
3078 +}
3079 +
3080 +.pagelayer-copyright a{
3081 +color: #111;
3082 +}
3083 +/* Copyright end */
3084 +
3085 +/* Primary Menu */
3086 +
3087 +.pagelayer-wp-menu-container .pagelayer-wp_menu-ul li.menu-item>a{
3088 +display:flex;
3089 +box-shadow: none;
3090 +white-space: nowrap;
3091 +position:relative;
3092 +}
3093 +
3094 +.pagelayer-menu-type-horizontal .sub-menu{
3095 +z-index:999;
3096 +}
3097 +
3098 +.pagelayer-wp-menu-container .pagelayer-wp_menu-ul,
3099 +.pagelayer-wp-menu-container .sub-menu{
3100 +margin:0px;
3101 +padding: 0px;
3102 +}
3103 +
3104 +.pagelayer-menu-type-horizontal *{
3105 +transition: all 0.5s;
3106 +}
3107 +
3108 +.pagelayer-menu-type-horizontal li.menu-item{
3109 +display: inline-block;
3110 +font-weight: 600;
3111 +}
3112 +
3113 +.pagelayer-menu-type-horizontal li.menu-item>a{
3114 +box-shadow: none;
3115 +border: none;
3116 +}
3117 +
3118 +.pagelayer-menu-type-horizontal .sub-menu{
3119 +position:absolute;
3120 +min-width: 100%;
3121 +}
3122 +
3123 +.pagelayer-menu-type-horizontal .sub-menu .sub-menu{
3124 +top:0px;
3125 +}
3126 +
3127 +.pagelayer-wp-menu-container .pagelayer-wp_menu-ul li.menu-item{
3128 +position:relative;
3129 +}
3130 +
3131 +.pagelayer-wp-menu-container ul li.menu-item span.after-icon{
3132 +height: auto;
3133 +width: 100%;
3134 +position: relative;
3135 +pointer-events: auto;
3136 +line-height:inherit;
3137 +color: inherit;
3138 +font-size: inherit;
3139 +margin-left:10px;
3140 +padding-left:5px;
3141 +padding-right:5px;
3142 +}
3143 +
3144 +.pagelayer-wp-menu-container:not([data-align="left"]) .pagelayer-wp_menu-ul span.after-icon{
3145 +width:auto;
3146 +}
3147 +
3148 +.pagelayer-wp-menu-container[data-align="right"] .pagelayer-wp_menu-ul ul li > ul a{justify-content: flex-end;}
3149 +.pagelayer-wp-menu-container[data-align="left"] .pagelayer-wp_menu-ul ul li > ul a{justify-content: left;}
3150 +.pagelayer-wp-menu-container[data-align="center"] .pagelayer-wp_menu-ul ul li > ul a{justify-content: center;}
3151 +
3152 +.pagelayer-wp-menu-container ul li.menu-item span.after-icon:before{
3153 +position:absolute;
3154 +right:0;
3155 +}
3156 +
3157 +.pagelayer-wp-menu-container .sub-menu,
3158 +.pagelayer-primary-menu-bar{
3159 +display:none;
3160 +}
3161 +
3162 +.pagelayer-menu-type-horizontal .sub-menu li.menu-item{
3163 +display:block;
3164 +}
3165 +
3166 +.pagelayer-primary-menu-bar i{
3167 +padding:5px;
3168 +}
3169 +
3170 +.pagelayer-menu-type-vertical li.menu-item{
3171 +list-style: none;
3172 +}
3173 +
3174 +.pagelayer-menu-type-vertical li.menu-item:not(:last-child) > a{
3175 +margin-bottom: 6px !important;
3176 +box-shadow: none;
3177 +border: none;
3178 +}
3179 +
3180 +.pagelayer-menu-type-vertical .pagelayer-wp_menu-ul>li>ul.sub-menu{
3181 +margin-left:0px;
3182 +}
3183 +
3184 +.pagelayer-wp-menu-holder[data-layout="dropdown"] .pagelayer-primary-menu-bar,
3185 +.pagelayer-wp-menu-holder.pagelayer-wp-menu-dropdown .pagelayer-primary-menu-bar{
3186 +display:block;
3187 +}
3188 +
3189 +.pagelayer-wp-menu-holder[data-layout="dropdown"] .pagelayer-wp_menu-ul,
3190 +.pagelayer-wp-menu-holder.pagelayer-wp-menu-dropdown .pagelayer-wp_menu-ul{
3191 +display:none;
3192 +}
3193 +
3194 +.pagelayer-menu-hover-underline:not(.none) .pagelayer-wp_menu-ul>li>a:before,
3195 +.pagelayer-menu-hover-framed:not(.none) .pagelayer-wp_menu-ul>li>a:before,
3196 +.pagelayer-menu-hover-doubleline:not(.none) .pagelayer-wp_menu-ul>li>a:before,
3197 +.pagelayer-menu-hover-doubleline:not(.none) .pagelayer-wp_menu-ul>li>a:after,
3198 +.pagelayer-menu-hover-overline:not(.none) .pagelayer-wp_menu-ul>li>a:before{
3199 +position: absolute;
3200 +content: '';
3201 +left: 0px;
3202 +bottom: 0px;
3203 +height: 3px;
3204 +width: 0px;
3205 +background-color: #2154CF;
3206 +transition: all 500ms ease;
3207 +-moz-transition: all 500ms ease;
3208 +-webkit-transition: all 500ms ease;
3209 +-ms-transition: all 500ms ease;
3210 +-o-transition: all 500ms ease;
3211 +border-width:0px;
3212 +}
3213 +
3214 +.pagelayer-menu-hover-doubleline .pagelayer-wp_menu-ul>li>a:after{
3215 +left:unset;
3216 +right:0;
3217 +}
3218 +
3219 +.pagelayer-menu-hover-framed .pagelayer-wp_menu-ul>li>a:before{
3220 +background-color:unset !important;
3221 +height:100% !important;
3222 +}
3223 +.pagelayer-menu-hover-framed .pagelayer-wp_menu-ul>li>a:hover:before{
3224 +border:3px solid #2154CF;
3225 +}
3226 +
3227 +.pagelayer-menu-hover-overline .pagelayer-wp_menu-ul>li>a:before,
3228 +.pagelayer-menu-hover-doubleline .pagelayer-wp_menu-ul>li>a:before{
3229 +top:0;
3230 +bottom:unset;
3231 +}
3232 +
3233 +.pagelayer-menu-hover-underline.dropin .pagelayer-wp_menu-ul>li>a:before,
3234 +.pagelayer-menu-hover-framed.dropin .pagelayer-wp_menu-ul>li>a:before,
3235 +.pagelayer-menu-hover-doubleline.dropin .pagelayer-wp_menu-ul>li>a:before,
3236 +.pagelayer-menu-hover-doubleline.dropin .pagelayer-wp_menu-ul>li>a:after,
3237 +.pagelayer-menu-hover-overline.dropin .pagelayer-wp_menu-ul>li>a:before{
3238 +width:100%;
3239 +opacity:0;
3240 +bottom:-5px;
3241 +}
3242 +
3243 +.pagelayer-menu-hover-underline.dropout .pagelayer-wp_menu-ul>li>a:before,
3244 +.pagelayer-menu-hover-framed.dropout .pagelayer-wp_menu-ul>li>a:before,
3245 +.pagelayer-menu-hover-doubleline.dropout .pagelayer-wp_menu-ul>li>a:before,
3246 +.pagelayer-menu-hover-doubleline.dropout .pagelayer-wp_menu-ul>li>a:after,
3247 +.pagelayer-menu-hover-overline.dropout .pagelayer-wp_menu-ul>li>a:before{
3248 +width:100%;
3249 +opacity:0;
3250 +bottom:5px;
3251 +}
3252 +
3253 +.pagelayer-menu-hover-underline.dropin .pagelayer-wp_menu-ul>li>a:hover:before,
3254 +.pagelayer-menu-hover-framed.dropin .pagelayer-wp_menu-ul>li>a:hover:before,
3255 +.pagelayer-menu-hover-doubleline.dropin .pagelayer-wp_menu-ul>li>a:hover:before,
3256 +.pagelayer-menu-hover-doubleline.dropin .pagelayer-wp_menu-ul>li>a:hover:after,
3257 +.pagelayer-menu-hover-overline.dropin .pagelayer-wp_menu-ul>li>a:hover:before,
3258 +.pagelayer-menu-hover-underline.dropout .pagelayer-wp_menu-ul>li>a:hover:before,
3259 +.pagelayer-menu-hover-framed.dropout .pagelayer-wp_menu-ul>li>a:hover:before,
3260 +.pagelayer-menu-hover-doubleline.dropout .pagelayer-wp_menu-ul>li>a:hover:before,
3261 +.pagelayer-menu-hover-doubleline.dropout .pagelayer-wp_menu-ul>li>a:hover:after,
3262 +.pagelayer-menu-hover-overline.dropout .pagelayer-wp_menu-ul>li>a:hover:before{
3263 +bottom:0px;
3264 +}
3265 +
3266 +.pagelayer-menu-hover-underline.grow .pagelayer-wp_menu-ul>li>a:before,
3267 +.pagelayer-menu-hover-framed.grow .pagelayer-wp_menu-ul>li>a:before,
3268 +.pagelayer-menu-hover-doubleline.grow .pagelayer-wp_menu-ul>li>a:before,
3269 +.pagelayer-menu-hover-doubleline.grow .pagelayer-wp_menu-ul>li>a:after,
3270 +.pagelayer-menu-hover-overline.grow .pagelayer-wp_menu-ul>li>a:before{
3271 +width:100%;
3272 +transform:scale(0);
3273 +}
3274 +
3275 +.pagelayer-menu-hover-underline.fade .pagelayer-wp_menu-ul>li>a:before,
3276 +.pagelayer-menu-hover-framed.fade .pagelayer-wp_menu-ul>li>a:before,
3277 +.pagelayer-menu-hover-doubleline.fade .pagelayer-wp_menu-ul>li>a:before,
3278 +.pagelayer-menu-hover-doubleline.fade .pagelayer-wp_menu-ul>li>a:after,
3279 +.pagelayer-menu-hover-overline.fade .pagelayer-wp_menu-ul>li>a:before{
3280 +width:100%;
3281 +transition-duration:1000ms;
3282 +opacity:0;
3283 +}
3284 +
3285 +.pagelayer-menu-hover-underline .pagelayer-wp_menu-ul>li>a:hover:before,
3286 +.pagelayer-menu-hover-framed .pagelayer-wp_menu-ul>li>a:hover:before,
3287 +.pagelayer-menu-hover-doubleline .pagelayer-wp_menu-ul>li>a:hover:before,
3288 +.pagelayer-menu-hover-doubleline .pagelayer-wp_menu-ul>li>a:hover:after,
3289 +.pagelayer-menu-hover-overline .pagelayer-wp_menu-ul>li>a:hover:before{
3290 +transform:scale(1);
3291 +opacity:1;
3292 +width:100%;
3293 +}
3294 +
3295 +.pagelayer-menu-hover-text .pagelayer-wp_menu-ul>li>a:hover{
3296 +transform:scale(1.2);
3297 +}
3298 +
3299 +.pagelayer-wp_menu .sub-menu,
3300 +.pagelayer-menu-type-dropdown{
3301 +z-index:999;
3302 +}
3303 +
3304 +.pagelayer-menu-type-dropdown{
3305 +position:absolute;
3306 +}
3307 +
3308 +.pagelayer-togglt-on .pagelayer-wp_menu-ul,
3309 +.pagelayer-active-sub-menu:not(.pagelayer-mega-menu-item) > ul.sub-menu,
3310 +.pagelayer-menu-type-horizontal .menu-item-has-children:not(.pagelayer-mega-menu-item):hover > ul.sub-menu,
3311 +.pagelayer-wp_menu .pagelayer-menu-type-vertical[class*='pagelayer-submenu-position-'] .menu-item-has-children:not(.pagelayer-mega-menu-item):hover > ul.sub-menu{
3312 +display:block !important;
3313 +}
3314 +
3315 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-ul,
3316 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-right,
3317 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-left,
3318 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-full{
3319 +position: fixed;
3320 +z-index: 999;
3321 +height: 100%;
3322 +top: 0;
3323 +transition: all 0.4s;
3324 +}
3325 +
3326 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-right{
3327 +right: -100%;
3328 +}
3329 +
3330 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-left{
3331 +left:-100%;
3332 +}
3333 +
3334 +.pagelayer-wp_menu-left.pagelayer-togglt-on{
3335 +left:0;
3336 +}
3337 +
3338 +.pagelayer-wp_menu-right.pagelayer-togglt-on{
3339 +right:0;
3340 +}
3341 +
3342 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-full{
3343 +left:0;
3344 +right:0;
3345 +top:-100%;
3346 +}
3347 +
3348 +.pagelayer-wp_menu-full.pagelayer-togglt-on{
3349 +top:0;
3350 +}
3351 +
3352 +.pagelayer-wp_menu-close{
3353 +cursor:pointer;
3354 +}
3355 +
3356 +.pagelayer-menu-type-dropdown .pagelayer-wp_menu-close{
3357 +display:block;
3358 +}
3359 +
3360 +.pagelayer-wp_menu-close,
3361 +.pagelayer-wp_menu-down .pagelayer-wp_menu-close{
3362 +display:none;
3363 +}
3364 +
3365 +.pagelayer-wp_menu-close i{
3366 +position:absolute;
3367 +z-index:99;
3368 +}
3369 +
3370 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-right .pagelayer-wp_menu-ul,
3371 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-left .pagelayer-wp_menu-ul,
3372 +.pagelayer-menu-type-dropdown.pagelayer-wp_menu-full .pagelayer-wp_menu-ul{
3373 +position:absolute;
3374 +width:100%;
3375 +}
3376 +
3377 +.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul li.menu-item > a{
3378 +white-space:normal !important;
3379 +}
3380 +
3381 +.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul{
3382 +height:100%;
3383 +max-height: -webkit-fill-available;
3384 +overflow-y: scroll;
3385 +-webkit-overflow-scrolling: touch;
3386 +}
3387 +
3388 +.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul::-webkit-scrollbar {
3389 +width:4px;
3390 +height:4px;
3391 +}
3392 +
3393 +.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul::-webkit-scrollbar-track {
3394 +background-color: transparent;
3395 +}
3396 +
3397 +.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul::-webkit-scrollbar-thumb {
3398 +box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
3399 +border-radius:10px;
3400 +}
3401 +/* Mega menu css start */
3402 +
3403 +.pagelayer-wp_menu-ul .pagelayer-mega-menu{
3404 +transition: none;
3405 +position: absolute;
3406 +max-width: 100vw;
3407 +z-index: 999;
3408 +padding: 10px;
3409 +background: #fff;
3410 +color: #000;
3411 +display: none;
3412 +border-radius: 2px;
3413 +left: 0;
3414 +text-align: initial;
3415 +overflow-y: auto;
3416 +}
3417 +
3418 +.pagelayer-wp_menu .pagelayer-menu-type-vertical .pagelayer-mega-menu-item,
3419 +.pagelayer-wp-menu-container:not(.pagelayer-menu-type-horizontal) .menu-item > .pagelayer-mega-menu{
3420 +position: relative;
3421 +width: 100%;
3422 +}
3423 +
3424 +.pagelayer-wp_menu-ul .pagelayer-mega-menu *{
3425 +transition: none;
3426 +}
3427 +
3428 +/* To avoid row widget full width feature */
3429 +.pagelayer-wp_menu-ul .pagelayer-mega-menu .pagelayer-wrap-inner-row,
3430 +.pagelayer-wp_menu-ul .pagelayer-mega-menu .pagelayer-inner_row{
3431 +max-width: 100% !important;
3432 +left: auto !important;
3433 +}
3434 +
3435 +.pagelayer-wp_menu-ul .pagelayer-set-position{
3436 +display: block !important;
3437 +visibility: hidden !important;
3438 +opacity: 0 !important;
3439 +}
3440 +
3441 +.pagelayer-active-sub-menu.pagelayer-mega-menu-item > .pagelayer-mega-menu,
3442 +.pagelayer-active-mega-menu.pagelayer-mega-menu-item > .pagelayer-mega-menu,
3443 +:not(.pagelayer-ele-wrap) > .pagelayer-wp_menu .pagelayer-menu-type-horizontal .pagelayer-mega-menu-item:hover > .pagelayer-mega-menu,
3444 +:not(.pagelayer-ele-wrap) > .pagelayer-wp_menu .pagelayer-menu-type-vertical[class*='pagelayer-submenu-position-'] .pagelayer-mega-menu-item:hover > .pagelayer-mega-menu{
3445 +display: block !important;
3446 +}
3447 +
3448 +@keyframes pagelayer-submenu-fade{0%{opacity:0}75%{opacity:1}}
3449 +@keyframes pagelayer-submenu-pulse{50%{transform: scale3d(1.04, 1.04, 1.04);}100%{transform: scale3d(1, 1, 1);}}
3450 +@keyframes pagelayer-submenu-fadeindown{0%{opacity: 0; transform: translate3d(0, -10px, 0); }100%{ opacity: 1; transform: none; }}
3451 +@keyframes pagelayer-submenu-fadeinup{0%{opacity: 0;transform: translate3d(0, 20px, 0);}100%{opacity: 1;transform: none;}}
3452 +@keyframes pagelayer-submenu-slideindown{0%{transform: translate3d(0, -10px, 0);visibility: visible;}100%{transform: translate3d(0, 0, 0);}}
3453 +@keyframes pagelayer-submenu-slideinup{0%{transform: translate3d(0, 20px, 0);visibility: visible;}100%{transform: translate3d(0, 0, 0);}}
3454 +@keyframes pagelayer-submenu-zoomin{0%{opacity: 0;transform: scale3d(.5, .5, .5);}50%{opacity: 1;}}
3455 +@keyframes pagelayer-submenu-flip{
3456 +0%{
3457 +transform: perspective(400px) rotate3d(1, 0, 0,90deg);
3458 +animation-timing-function: ease-in;
3459 +opacity: 0;
3460 +}40%{
3461 +transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
3462 +animation-timing-function: ease-in;
3463 +}60%{
3464 +transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
3465 +opacity: 1;
3466 +}80%{
3467 +transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
3468 +}100% {
3469 +transform: perspective(400px);
3470 +}
3471 +}
3472 +
3473 +.pagelayer-wp-menu-container.pagelayer-menu-type-vertical.pagelayer-submenu-position-right .pagelayer-mega-menu,
3474 +.pagelayer-menu-type-vertical.pagelayer-submenu-position-right .sub-menu{
3475 +position: absolute;
3476 +left: 100%;
3477 +top: 0;
3478 +right: auto;
3479 +}
3480 +
3481 +.pagelayer-wp-menu-container.pagelayer-menu-type-vertical.pagelayer-submenu-position-left .pagelayer-mega-menu,
3482 +.pagelayer-menu-type-vertical.pagelayer-submenu-position-left .sub-menu{
3483 +position: absolute;
3484 +right: 100%;
3485 +top: 0;
3486 +left: auto;
3487 +}
3488 +
3489 +.pagelayer-menu-type-vertical:not(.pagelayer-submenu-position-right, .pagelayer-submenu-position-left) .pagelayer-mega-menu,
3490 +.pagelayer-menu-type-vertical:not(.pagelayer-submenu-position-right, .pagelayer-submenu-position-left) .sub-menu{
3491 +width:100% !important;
3492 +}
3493 +
3494 +.pagelayer-menu-icon{
3495 +align-self: center;
3496 +text-align: center;
3497 +margin: 0 5px 0 0;
3498 +}
3499 +
3500 +.pagelayer-nav-menu-icon-right .pagelayer-menu-icon{
3501 +margin: 0 0 0 5px;
3502 +order:1;
3503 +}
3504 +
3505 +.pagelayer-nav-menu-icon-right .pagelayer-menu-icon ~ .pagelayer-nav-menu-title{
3506 +order: 0;
3507 +}
3508 +
3509 +.pagelayer-nav-menu-icon-right .pagelayer-menu-icon ~ :not(.pagelayer-nav-menu-title, .pagelayer-menu-icon){
3510 +order: 2;
3511 +}
3512 +
3513 +.pagelayer-menu-highlight{
3514 +font-size: 0.7em;
3515 +margin-left: 5px;
3516 +padding: 3px 6px;
3517 +border-radius: 2px;
3518 +}
3519 +
3520 +/* Mega menu css ends */
3521 +
3522 +/* Column Menu css*/
3523 +.pagelayer-mega-column-item > .sub-menu{
3524 +columns: 2;
3525 +}
3526 +
3527 +.pagelayer-mega-column-item .sub-menu .sub-menu .pagelayer-nav-menu-title{
3528 +font-size: 0.85em;
3529 +}
3530 +
3531 +.pagelayer-mega-column-item .sub-menu .sub-menu{
3532 +display: block;
3533 +position: static;
3534 +}
3535 +
3536 +.pagelayer-mega-column-item .sub-menu li.menu-item{
3537 +break-inside: avoid;
3538 +}
3539 +
3540 +.pagelayer-mega-column-item ul.sub-menu span.after-icon{
3541 +display: none;
3542 +}
3543 +/* Primary Menu End */
3544 +
3545 +/* Contact Form start */
3546 +.pagelayer-contact-form-note{
3547 +margin-bottom:10px;
3548 +}
3549 +
3550 +.pagelayer-contact_item input,
3551 +.pagelayer-contact_item textarea,
3552 +.pagelayer-contact_item select{
3553 +width:100%;
3554 +outline:none;
3555 +}
3556 +
3557 +.pagelayer-contact_item textarea{
3558 +height:auto;
3559 +}
3560 +
3561 +.pagelayer-contact-holder input[type="checkbox"] {
3562 +visibility: hidden;
3563 +display: contents;
3564 +}
3565 +
3566 +.pagelayer-contact-holder label {
3567 +cursor: pointer;
3568 +display: block;
3569 +}
3570 +
3571 +.pagelayer-contact-holder input[type="checkbox"] + label:before {
3572 +border: 1px solid #333;
3573 +content: "\00a0";
3574 +display: inline-block;
3575 +font: 16px/1em sans-serif;
3576 +margin-right: 0.25em;
3577 +padding: 0;
3578 +vertical-align: middle;
3579 +}
3580 +
3581 +.pagelayer-contact-holder input[type="checkbox"]:checked + label:before {
3582 +content: "\2713";
3583 +text-align: center;
3584 +}
3585 +
3586 +.pagelayer-contact-holder input[type="checkbox"]:checked + label:after {
3587 +font-weight: bold;
3588 +}
3589 +
3590 +.pagelayer-contact-holder input[type="checkbox"]:focus + label::before {
3591 +outline: rgb(59, 153, 252) auto 5px;
3592 +}
3593 +
3594 +.pagelayer-contact-holder input[type='radio'] {
3595 +-webkit-appearance:none;
3596 +border-radius:50%;
3597 +outline:none;
3598 +vertical-align: middle;
3599 +box-shadow:0 0 5px 0px gray inset;
3600 +padding: 0 !important;
3601 +}
3602 +
3603 +.pagelayer-contact-holder input[type="radio"]:checked:before {
3604 + background: #333333;
3605 +}
3606 +
3607 +.pagelayer-contact-holder input[type='radio']:hover {
3608 +box-shadow:0 0 5px 0px orange inset;
3609 +}
3610 +
3611 +.pagelayer-contact-holder input[type='radio']:before {
3612 +content:'';
3613 +display:block;
3614 +width:60%;
3615 +height:60%;
3616 +margin: 20% auto;
3617 +border-radius:50%;
3618 +}
3619 +
3620 +.pagelayer-contact-submit-btn{
3621 +cursor:pointer;
3622 +}
3623 +
3624 +.pagelayer-cf-msg-suc,.pagelayer-cf-msg-err{
3625 +padding: 10px;
3626 +padding: 10px;
3627 +margin: 10px 0px;
3628 +background: #a4f4ad;
3629 +border: 1px solid #6fc16f;
3630 +border-radius: 4px;
3631 +}
3632 +
3633 +.pagelayer-cf-msg-err{
3634 +background: #f9dacb;
3635 +border: 1px solid #ff746e;
3636 +}
3637 +/* Contact Form End */
3638 +
3639 +/*** Post Excerpt ***/
3640 +
3641 +.pagelayer-empty-widget{
3642 +height:30px;
3643 +width:100%;
3644 +background-color: #dedddd;
3645 +text-align:center;
3646 +}
3647 +
3648 +.pagelayer-empty-widget:after {
3649 +font-family: "FontAwesome" , "Font Awesome 5 Free";
3650 +font-weight: 900;
3651 +}
3652 +
3653 +.pagelayer-post-excerpt.pagelayer-empty-widget:after{
3654 +content: '\f15c';
3655 +}
3656 +
3657 +.pagelayer-featured-img.pagelayer-empty-widget:after{
3658 +content: '\f03e';
3659 +}
3660 +
3661 +/*** Post Excerpt End ***/
3662 +
3663 +/* Post info*/
3664 +.pagelayer-post-info-vertical > div{
3665 +display:inline-block;
3666 +}
3667 +/* Post info end*/
3668 +
3669 +
3670 +/* Post Nav */
3671 +.pagelayer-post-nav-container{
3672 +display: flex;
3673 +align-items: center;
3674 +}
3675 +
3676 +.pagelayer-prev-post a,
3677 +.pagelayer-next-post a{
3678 +display: inline-flex;
3679 +align-items: center;
3680 +}
3681 +
3682 +.pagelayer-next-post a .pagelayer-post-nav-icon{
3683 +padding-left:12px;
3684 +}
3685 +
3686 +.pagelayer-prev-post a .pagelayer-post-nav-icon{
3687 +padding-right:12px;
3688 +}
3689 +
3690 +.pagelayer-next-post{
3691 +text-align:right;
3692 +}
3693 +
3694 +.pagelayer-prev-post a:hover,
3695 +.pagelayer-next-post a:hover{
3696 +text-decoration:none;
3697 +}
3698 +
3699 +.pagelayer-prev-post, .pagelayer-next-post{
3700 +width: calc(50% - 1px);
3701 +}
3702 +
3703 +.pagelayer-post-nav-container .pagelayer-prev-holder,
3704 +.pagelayer-post-nav-container .pagelayer-next-holder{
3705 +display: -webkit-box;
3706 +display: -webkit-flex;
3707 +display: -ms-flexbox;
3708 +display: flex;
3709 +-webkit-box-orient: vertical;
3710 +-webkit-box-direction: normal;
3711 +-webkit-flex-direction: column;
3712 +-ms-flex-direction: column;
3713 +flex-direction: column;
3714 +}
3715 +
3716 +.pagelayer-post-nav-separator{
3717 +align-self: stretch;
3718 +}
3719 +/* Post Nav end */
3720 +
3721 +/*Flipbox css start*/
3722 +.pagelayer-flipbox-container{
3723 +margin:0 auto;
3724 +}
3725 +
3726 +.pagelayer-flipbox-flipper{
3727 +position: relative;
3728 +height: 300px;
3729 +perspective: 1000px;
3730 +-webkit-perspective: 1000px;
3731 +transform-style: preserve-3d;
3732 +-webkit-transform-style: preserve-3d;
3733 +}
3734 +
3735 +.pagelayer-flipbox-front{
3736 +background-color: #bc1a1a;
3737 +border-radius: inherit;
3738 +}
3739 +
3740 +.pagelayer-flipbox-back{
3741 +background-color: #f9e73f;
3742 +display: block;
3743 +border-radius: inherit;
3744 +}
3745 +
3746 +.pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front,
3747 +.pagelayer-flipbox-flipper .pagelayer-flipbox-back{
3748 +opacity: 0;
3749 +}
3750 +
3751 +.pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
3752 +opacity:1;
3753 +}
3754 +
3755 +.pagelayer-flipbox-box{
3756 +position: absolute;
3757 +width: 100%;
3758 +height: 100%;
3759 +transition: all .8s ease-in-out;
3760 +-webkit-transition: all .8s ease-in-out;
3761 +}
3762 +
3763 +.pagelayer-flipbox-box-overlay{
3764 +display: flex;
3765 +display: -webkit-box;
3766 +display: -webkit-flex;
3767 +display: -ms-flexbox;
3768 +width: 100%;
3769 +height: 100%;
3770 +align-items: stretch;
3771 +-webkit-align-items: stretch;
3772 +-webkit-box-align: stretch;
3773 +flex-direction: column;
3774 +-webkit-flex-direction: column;
3775 +-webkit-box-direction: normal;
3776 +text-align: center;
3777 +justify-content: center;
3778 +-webkit-justify-content: center;
3779 +padding: 35px;
3780 +-webkit-box-orient: vertical;
3781 +-webkit-box-pack: center;
3782 +}
3783 +
3784 +.pagelayer-flipbox-3d .pagelayer-flipbox-box-inner{
3785 +transform: translateZ(90px) scale(.91);
3786 +-webkit-transform: translateZ(90px) scale(.91);
3787 +}
3788 +
3789 +.pagelayer-flipbox-3d .pagelayer-flipbox-box-overlay{
3790 +transform-style: preserve-3d;
3791 +-webkit-transform-style: preserve-3d;
3792 +transform: translateZ(.1px);
3793 +-webkit-transform: translateZ(.1px);
3794 +}
3795 +
3796 +.pagelayer-flipbox-flip .pagelayer-flipbox-flipper{
3797 +transform-style: preserve-3d;
3798 +-webkit-transform-style: preserve-3d;
3799 +perspective: 1000px;
3800 +-webkit-perspective: 1000px;
3801 +}
3802 +
3803 +.pagelayer-flipbox-flip .pagelayer-flipbox-box{
3804 +transform-style: preserve-3d;
3805 +-webkit-transform-style: preserve-3d;
3806 +backface-visibility: hidden;
3807 +-webkit-backface-visibility: hidden;
3808 +}
3809 +
3810 +.pagelayer-flipbox-flip .pagelayer-flipbox-front{
3811 +-webkit-transform: none;
3812 +-ms-transform: none;
3813 +transform: none;
3814 +z-index: 1
3815 +}
3816 +
3817 +.pagelayer-flipbox-flip .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
3818 +transform: none;
3819 +-webkit-transform: none;
3820 +}
3821 +
3822 +.pagelayer-flipbox-flip.pagelayer-flipbox-direction-right .pagelayer-flipbox-back{
3823 +transform: rotateX(0) rotateY(-180deg);
3824 +-webkit-transform: rotateX(0) rotateY(-180deg);
3825 +}
3826 +
3827 +.pagelayer-flipbox-flip.pagelayer-flipbox-direction-left .pagelayer-flipbox-back,
3828 +.pagelayer-flipbox-flip.pagelayer-flipbox-direction-right .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3829 +transform: rotateX(0) rotateY(180deg);
3830 +-webkit-transform: rotateX(0) rotateY(180deg);
3831 +}
3832 +
3833 +.pagelayer-flipbox-flip.pagelayer-flipbox-direction-left .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3834 +transform: rotateX(0) rotateY(-180deg);
3835 +-webkit-transform: rotateX(0) rotateY(-180deg);
3836 +}
3837 +
3838 +.pagelayer-flipbox-flip.pagelayer-flipbox-direction-up .pagelayer-flipbox-back{
3839 +transform: rotateX(-180deg) rotateY(0);
3840 +-webkit-transform: rotateX(-180deg) rotateY(0);
3841 +}
3842 +
3843 +.pagelayer-flipbox-flip.pagelayer-flipbox-direction-down .pagelayer-flipbox-back,
3844 +.pagelayer-flipbox-flip.pagelayer-flipbox-direction-up .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3845 +transform: rotateX(180deg) rotateY(0);
3846 +-webkit-transform: rotateX(180deg) rotateY(0);
3847 +}
3848 +
3849 +.pagelayer-flipbox-flip.pagelayer-flipbox-direction-down .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3850 +transform: rotateX(-180deg) rotateY(0);
3851 +-webkit-transform: rotateX(-180deg) rotateY(0);
3852 +}
3853 +
3854 +.pagelayer-flipbox-push .pagelayer-flipbox-flipper,
3855 +.pagelayer-flipbox-slide .pagelayer-flipbox-flipper{
3856 +overflow:hidden;
3857 +}
3858 +
3859 +.pagelayer-flipbox-push .pagelayer-flipbox-front{
3860 +transform: none;
3861 +-webkit-transform: none;
3862 +}
3863 +
3864 +.pagelayer-flipbox-push.pagelayer-flipbox-direction-right .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3865 +transform:translateX(100%) translateY(0);
3866 +-webkit-transform:translateX(100%) translateY(0);
3867 +}
3868 +
3869 +.pagelayer-flipbox-push.pagelayer-flipbox-direction-left .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3870 +transform: translateX(-100%) translateY(0);
3871 +-webkit-transform: translateX(-100%) translateY(0);
3872 +}
3873 +
3874 +.pagelayer-flipbox-push.pagelayer-flipbox-direction-up .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3875 +transform: translateX(0) translateY(-100%);
3876 +-webkit-transform: translateX(0) translateY(-100%);
3877 +}
3878 +
3879 +.pagelayer-flipbox-push.pagelayer-flipbox-direction-down .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3880 +transform: translateX(0) translateY(100%);
3881 +-webkit-transform: translateX(0) translateY(100%);
3882 +}
3883 +
3884 +.pagelayer-flipbox-push .pagelayer-flipbox,
3885 +.pagelayer-flipbox-slide .pagelayer-flipbox{
3886 +overflow: hidden;
3887 +}
3888 +
3889 +.pagelayer-flipbox-push .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back,
3890 +.pagelayer-flipbox-slide .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
3891 +transform: none;
3892 +-webkit-transform: none;
3893 +}
3894 +
3895 +.pagelayer-flipbox-push.pagelayer-flipbox-direction-right .pagelayer-flipbox-back,
3896 +.pagelayer-flipbox-slide.pagelayer-flipbox-direction-right .pagelayer-flipbox-back{
3897 +transform: translateX(-100%) translateY(0);
3898 +-webkit-transform: translateX(-100%) translateY(0);
3899 +}
3900 +
3901 +.pagelayer-flipbox-push.pagelayer-flipbox-direction-left .pagelayer-flipbox-back,
3902 +.pagelayer-flipbox-slide.pagelayer-flipbox-direction-left .pagelayer-flipbox-back{
3903 +transform: translateX(100%) translateY(0);
3904 +-webkit-transform: translateX(100%) translateY(0);
3905 +}
3906 +
3907 +.pagelayer-flipbox-push.pagelayer-flipbox-direction-up .pagelayer-flipbox-back,
3908 +.pagelayer-flipbox-slide.pagelayer-flipbox-direction-up .pagelayer-flipbox-back{
3909 +transform: translateX(0) translateY(100%);
3910 +-webkit-transform: translateX(0) translateY(100%);
3911 +}
3912 +
3913 +.pagelayer-flipbox-push.pagelayer-flipbox-direction-down .pagelayer-flipbox-back,
3914 +.pagelayer-flipbox-slide.pagelayer-flipbox-direction-down .pagelayer-flipbox-back{
3915 +transform: translateX(0) translateY(-100%);
3916 +-webkit-transform: translateX(0) translateY(-100%);
3917 +}
3918 +
3919 +.pagelayer-flipbox-zoom-out .pagelayer-flipbox-flipper .pagelayer-flipbox-front{
3920 +transition: opacity .45s, width .1ms, -webkit-transform .8s;
3921 +-webkit-transition: opacity .45s, width .1ms, -webkit-transform .8s;
3922 +transition: transform .8s, opacity .45s, width .1ms;
3923 +transition: transform .8s, opacity .45s, width .1ms, -webkit-transform .8s;
3924 +opacity: 1;
3925 +-webkit-transform: scale(1);
3926 +-ms-transform: scale(1);
3927 +transform: scale(1);
3928 +z-index: 1;
3929 +width: 100%
3930 +}
3931 +
3932 +.pagelayer-flipbox-zoom-out .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
3933 +width: 0;
3934 +opacity: 0;
3935 +transform: scale(.7);
3936 +-webkit-transform: scale(.7);
3937 +transition: opacity .8s .1s, width .1ms .8s, -webkit-transform .8s;
3938 +-webkit-transition: opacity .8s .1s, width .1ms .8s, -webkit-transform .8s;
3939 +transition: transform .8s, opacity .8s .1s, width .1ms .8s;
3940 +transition: transform .8s, opacity .8s .1s, width .1ms .8s, -webkit-transform .8s
3941 +}
3942 +
3943 +.pagelayer-flipbox-zoom-in .pagelayer-flipbox-flipper .pagelayer-flipbox-back{
3944 +-webkit-transition: opacity .5s .2s, -webkit-transform .7s;
3945 +transition: opacity .5s .2s, -webkit-transform .7s;
3946 +transition: transform .7s, opacity .5s .2s;
3947 +transition: transform .7s, opacity .5s .2s, -webkit-transform .7s;
3948 +opacity: 0;
3949 +transform: scale(.7);
3950 +-webkit-transform: scale(.7);
3951 +}
3952 +
3953 +.pagelayer-flipbox-zoom-in .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
3954 +-webkit-transition: opacity .5s, -webkit-transform .7s;
3955 +transition: opacity .5s, -webkit-transform .7s;
3956 +transition: transform .7s, opacity .5s;
3957 +transition: transform .7s, opacity .5s, -webkit-transform .7s;
3958 +opacity: 1;
3959 +transform: scale(1);
3960 +-webkit-transform: scale(1);
3961 +}
3962 +
3963 +.pagelayer-flipbox-fade .pagelayer-flipbox-flipper .pagelayer-flipbox-back{
3964 +opacity: 0
3965 +}
3966 +
3967 +.pagelayer-flipbox-fade .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
3968 +opacity: 1
3969 +}
3970 +
3971 +.pagelayer-flipbox-container.pagelayer-flipbox-flipped .pagelayer-flipbox-main .pagelayer-flipbox-front{
3972 +display: none
3973 +}
3974 +
3975 +.pagelayer-flipbox-container.pagelayer-flipbox-flipped .pagelayer-flipbox-main .pagelayer-flipbox-back{
3976 +transform: none;
3977 +-webkit-transform: none;
3978 +opacity: 1;
3979 +}
3980 +
3981 +.pagelayer-flipbox-image{
3982 +width: 100%;
3983 +margin: 0 auto;
3984 +object-fit: cover;
3985 +}
3986 +
3987 +.pagelayer-flipbox-image img{
3988 +width: 50%;
3989 +object-fit: cover;
3990 +-o-object-fit: cover;
3991 +}
3992 +
3993 +.pagelayer-flipbox[back_section="true"] .pagelayer-flipbox-front{
3994 +display:none;
3995 +}
3996 +
3997 +.pagelayer-flipbox[back_section="true"] .pagelayer-flipbox-back{
3998 +transform: rotateX(0) rotateY(0deg) !important;
3999 +-webkit-transform: rotateX(0) rotateY(0deg) !important;
4000 +opacity: 1 !important;
4001 +}
4002 +
4003 +.pagelayer-flipbox-back .pagelayer-service-btn.pagelayer-btn-link{
4004 +background-color:transparent;
4005 +}
4006 +
4007 +/*Flipbox End*/
4008 +
4009 +/* Animated Heading */
4010 +
4011 +.pagelayer-aheading-holder {
4012 +display: inline-block;
4013 +position:relative;
4014 +}
4015 +
4016 +.pagelayer-animated-heading{
4017 +margin: 0;
4018 +padding: 0;
4019 +line-height: 1.4;
4020 +-webkit-background-clip: text;
4021 +}
4022 +
4023 +[class*="pagelayer-blobs"]{
4024 +display:block;
4025 +position:absolute;
4026 +mix-blend-mode:color;
4027 +animation:pagelayer-blobs 10s ease-in-out infinite alternate;
4028 +}
4029 +
4030 +.pagelayer-blobs_1{
4031 +width: 9%;
4032 +height: 47%;
4033 +top: 12%;
4034 +left: 4%;
4035 +}
4036 +
4037 +.pagelayer-blobs_2{
4038 +width: 10%;
4039 +height: 50%;
4040 +top: 60%;
4041 +left: 34%;
4042 +}
4043 +
4044 +.pagelayer-blobs_3{
4045 +width: 20%;
4046 +height: 46%;
4047 +top: 10%;
4048 +left: 20%;
4049 +}
4050 +
4051 +.pagelayer-blobs_4{
4052 +width: 30%;
4053 +height: 40%;
4054 +top: 30%;
4055 +left: 70%;
4056 +}
4057 +
4058 +.pagelayer-blobs_5{
4059 +width: 12%;
4060 +height: 40%;
4061 +top: 61%;
4062 +left: 12%;
4063 +}
4064 +
4065 +.pagelayer-blobs_6{
4066 +width: 25%;
4067 +height: 45%;
4068 +top: 5%;
4069 +left: 45%;
4070 +}
4071 +
4072 +.pagelayer-blobs_7{
4073 +width: 32%;
4074 +height: 45%;
4075 +top: 67%;
4076 +left: 46%;
4077 +}
4078 +
4079 +.pagelayer-hEffect-none [class*="pagelayer-blobs"]{
4080 +display: none;
4081 +}
4082 +
4083 +@keyframes pagelayer-blobs{
4084 +0%{border-radius:26% 74% 61% 39% / 54% 67% 33% 46%}
4085 +10%{border-radius:74% 26% 47% 53% / 68% 46% 54% 32%}
4086 +20%{border-radius:48% 52% 30% 70% / 27% 37% 63% 73%}
4087 +30%{border-radius:73% 27% 57% 43% / 28% 67% 33% 72%}
4088 +40%{border-radius:63% 37% 56% 44% / 25% 28% 72% 75%}
4089 +50%{border-radius:39% 61% 70% 30% / 61% 29% 71% 39%}
4090 +60%{border-radius:27% 73% 29% 71% / 73% 51% 49% 27%}
4091 +70%{border-radius:39% 61% 65% 35% / 74% 65% 35% 26%}
4092 +80%{border-radius:55% 45% 37% 63% / 38% 30% 70% 62%}
4093 +90%{border-radius:25% 75% 70% 30% / 39% 50% 50% 61%}
4094 +100%{border-radius:66% 34% 33% 67% / 65% 73% 27% 35%}
4095 +}
4096 +
4097 +.pagelayer-hEffect-blobs,
4098 +.pagelayer-hEffect-none,
4099 +.pagelayer-heading-rotating{
4100 +-webkit-text-fill-color: transparent;
4101 +}
4102 +
4103 +.pagelayer-heading-rotating .pagelayer-animated-heading{
4104 +display: inline;
4105 +}
4106 +
4107 +.pagelayer-words-wrapper {
4108 + display: inline-block;
4109 + position: relative;
4110 + text-align: left;
4111 +}
4112 +.pagelayer-words-wrapper span {
4113 + display: inline-block;
4114 + position: absolute;
4115 + white-space: nowrap;
4116 + left: 0;
4117 + top: 0;
4118 +}
4119 +.pagelayer-words-wrapper span.pagelayer-is-visible {
4120 + position: relative;
4121 +}
4122 +
4123 +/*** xrotate-1 ***/
4124 +.pagelayer-aheading-rotate1 .pagelayer-words-wrapper {
4125 + -webkit-perspective: 300px;
4126 + -moz-perspective: 300px;
4127 + perspective: 300px;
4128 +}
4129 +.pagelayer-aheading-rotate1 span {
4130 + opacity: 0;
4131 + -webkit-transform-origin: 50% 100%;
4132 + -moz-transform-origin: 50% 100%;
4133 + -ms-transform-origin: 50% 100%;
4134 + -o-transform-origin: 50% 100%;
4135 + transform-origin: 50% 100%;
4136 + -webkit-transform: rotateX(180deg);
4137 + -moz-transform: rotateX(180deg);
4138 + -ms-transform: rotateX(180deg);
4139 + -o-transform: rotateX(180deg);
4140 + transform: rotateX(180deg);
4141 +}
4142 +.pagelayer-aheading-rotate1 span.pagelayer-is-visible {
4143 + opacity: 1;
4144 + -webkit-transform: rotateX(0deg);
4145 + -moz-transform: rotateX(0deg);
4146 + -ms-transform: rotateX(0deg);
4147 + -o-transform: rotateX(0deg);
4148 + transform: rotateX(0deg);
4149 + -webkit-animation: pagelayer-rotate-1-in 1.2s;
4150 + -moz-animation: pagelayer-rotate-1-in 1.2s;
4151 + animation: pagelayer-rotate-1-in 1.2s;
4152 +}
4153 +.pagelayer-aheading-rotate1 span.pagelayer-is-hidden {
4154 + -webkit-transform: rotateX(180deg);
4155 + -moz-transform: rotateX(180deg);
4156 + -ms-transform: rotateX(180deg);
4157 + -o-transform: rotateX(180deg);
4158 + transform: rotateX(180deg);
4159 + -webkit-animation: pagelayer-rotate-1-out 1.2s;
4160 + -moz-animation: pagelayer-rotate-1-out 1.2s;
4161 + animation: pagelayer-rotate-1-out 1.2s;
4162 +}
4163 +
4164 +@-webkit-keyframes pagelayer-rotate-1-in {
4165 + 0% {
4166 + -webkit-transform: rotateX(180deg);
4167 + opacity: 0;
4168 + }
4169 + 35% {
4170 + -webkit-transform: rotateX(120deg);
4171 + opacity: 0;
4172 + }
4173 + 65% {
4174 + opacity: 0;
4175 + }
4176 + 100% {
4177 + -webkit-transform: rotateX(360deg);
4178 + opacity: 1;
4179 + }
4180 +}
4181 +@-moz-keyframes pagelayer-rotate-1-in {
4182 + 0% {
4183 + -moz-transform: rotateX(180deg);
4184 + opacity: 0;
4185 + }
4186 + 35% {
4187 + -moz-transform: rotateX(120deg);
4188 + opacity: 0;
4189 + }
4190 + 65% {
4191 + opacity: 0;
4192 + }
4193 + 100% {
4194 + -moz-transform: rotateX(360deg);
4195 + opacity: 1;
4196 + }
4197 +}
4198 +@keyframes pagelayer-rotate-1-in {
4199 + 0% {
4200 + -webkit-transform: rotateX(180deg);
4201 + -moz-transform: rotateX(180deg);
4202 + -ms-transform: rotateX(180deg);
4203 + -o-transform: rotateX(180deg);
4204 + transform: rotateX(180deg);
4205 + opacity: 0;
4206 + }
4207 + 35% {
4208 + -webkit-transform: rotateX(120deg);
4209 + -moz-transform: rotateX(120deg);
4210 + -ms-transform: rotateX(120deg);
4211 + -o-transform: rotateX(120deg);
4212 + transform: rotateX(120deg);
4213 + opacity: 0;
4214 + }
4215 + 65% {
4216 + opacity: 0;
4217 + }
4218 + 100% {
4219 + -webkit-transform: rotateX(360deg);
4220 + -moz-transform: rotateX(360deg);
4221 + -ms-transform: rotateX(360deg);
4222 + -o-transform: rotateX(360deg);
4223 + transform: rotateX(360deg);
4224 + opacity: 1;
4225 + }
4226 +}
4227 +@-webkit-keyframes pagelayer-rotate-1-out {
4228 + 0% {
4229 + -webkit-transform: rotateX(0deg);
4230 + opacity: 1;
4231 + }
4232 + 35% {
4233 + -webkit-transform: rotateX(-40deg);
4234 + opacity: 1;
4235 + }
4236 + 65% {
4237 + opacity: 0;
4238 + }
4239 + 100% {
4240 + -webkit-transform: rotateX(180deg);
4241 + opacity: 0;
4242 + }
4243 +}
4244 +@-moz-keyframes pagelayer-rotate-1-out {
4245 + 0% {
4246 + -moz-transform: rotateX(0deg);
4247 + opacity: 1;
4248 + }
4249 + 35% {
4250 + -moz-transform: rotateX(-40deg);
4251 + opacity: 1;
4252 + }
4253 + 65% {
4254 + opacity: 0;
4255 + }
4256 + 100% {
4257 + -moz-transform: rotateX(180deg);
4258 + opacity: 0;
4259 + }
4260 +}
4261 +@keyframes pagelayer-rotate-1-out {
4262 + 0% {
4263 + -webkit-transform: rotateX(0deg);
4264 + -moz-transform: rotateX(0deg);
4265 + -ms-transform: rotateX(0deg);
4266 + -o-transform: rotateX(0deg);
4267 + transform: rotateX(0deg);
4268 + opacity: 1;
4269 + }
4270 + 35% {
4271 + -webkit-transform: rotateX(-40deg);
4272 + -moz-transform: rotateX(-40deg);
4273 + -ms-transform: rotateX(-40deg);
4274 + -o-transform: rotateX(-40deg);
4275 + transform: rotateX(-40deg);
4276 + opacity: 1;
4277 + }
4278 + 65% {
4279 + opacity: 0;
4280 + }
4281 + 100% {
4282 + -webkit-transform: rotateX(180deg);
4283 + -moz-transform: rotateX(180deg);
4284 + -ms-transform: rotateX(180deg);
4285 + -o-transform: rotateX(180deg);
4286 + transform: rotateX(180deg);
4287 + opacity: 0;
4288 + }
4289 +}
4290 +
4291 +/*** xrotate-2 ***/
4292 +.pagelayer-aheading-rotate2 .pagelayer-words-wrapper {
4293 + -webkit-perspective: 300px;
4294 + -moz-perspective: 300px;
4295 + perspective: 300px;
4296 +}
4297 +.pagelayer-aheading-rotate2 strong, .pagelayer-aheading-rotate2 b {
4298 + display: inline-block;
4299 + -webkit-backface-visibility: hidden;
4300 + backface-visibility: hidden;
4301 +}
4302 +.pagelayer-aheading-rotate2 span {
4303 + opacity: 0;
4304 +}
4305 +.pagelayer-aheading-rotate2 strong {
4306 + -webkit-transform-style: preserve-3d;
4307 + -moz-transform-style: preserve-3d;
4308 + -ms-transform-style: preserve-3d;
4309 + -o-transform-style: preserve-3d;
4310 + transform-style: preserve-3d;
4311 + -webkit-transform: translateZ(-20px) rotateX(90deg);
4312 + -moz-transform: translateZ(-20px) rotateX(90deg);
4313 + -ms-transform: translateZ(-20px) rotateX(90deg);
4314 + -o-transform: translateZ(-20px) rotateX(90deg);
4315 + transform: translateZ(-20px) rotateX(90deg);
4316 + opacity: 0;
4317 +}
4318 +.pagelayer-is-visible .pagelayer-aheading-rotate2 strong {
4319 + opacity: 1;
4320 +}
4321 +.pagelayer-aheading-rotate2 strong.pagelayer-aheading-in {
4322 + -webkit-animation: pagelayer-rotate-2-in 0.4s forwards;
4323 + -moz-animation: pagelayer-rotate-2-in 0.4s forwards;
4324 + animation: pagelayer-rotate-2-in 0.4s forwards;
4325 + -webkit-background-clip: text;
4326 +}
4327 +.pagelayer-aheading-rotate2 strong.pagelayer-aheading-out {
4328 + -webkit-animation: pagelayer-rotate-2-out 0.4s forwards;
4329 + -moz-animation: pagelayer-rotate-2-out 0.4s forwards;
4330 + animation: pagelayer-rotate-2-out 0.4s forwards;
4331 + -webkit-background-clip: text;
4332 +}
4333 +.pagelayer-aheading-rotate2 b {
4334 + -webkit-transform: translateZ(20px);
4335 + -moz-transform: translateZ(20px);
4336 + -ms-transform: translateZ(20px);
4337 + -o-transform: translateZ(20px);
4338 + transform: translateZ(20px);
4339 + -webkit-text-fill-color: transparent;
4340 +}
4341 +
4342 +.pagelayer-no-csstransitions .pagelayer-aheading-rotate2 strong {
4343 + -webkit-transform: rotateX(0deg);
4344 + -moz-transform: rotateX(0deg);
4345 + -ms-transform: rotateX(0deg);
4346 + -o-transform: rotateX(0deg);
4347 + transform: rotateX(0deg);
4348 + opacity: 0;
4349 +}
4350 +.pagelayer-no-csstransitions .pagelayer-aheading-rotate2 strong b {
4351 + -webkit-transform: scale(1);
4352 + -moz-transform: scale(1);
4353 + -ms-transform: scale(1);
4354 + -o-transform: scale(1);
4355 + transform: scale(1);
4356 +}
4357 +
4358 +.pagelayer-no-csstransitions .pagelayer-aheading-rotate2 .pagelayer-is-visible strong {
4359 + opacity: 1;
4360 +}
4361 +
4362 +@-webkit-keyframes pagelayer-rotate-2-in {
4363 + 0% {
4364 + opacity: 0;
4365 + -webkit-transform: translateZ(-20px) rotateX(90deg);
4366 + }
4367 + 60% {
4368 + opacity: 1;
4369 + -webkit-transform: translateZ(-20px) rotateX(-10deg);
4370 + }
4371 + 100% {
4372 + opacity: 1;
4373 + -webkit-transform: translateZ(-20px) rotateX(0deg);
4374 + }
4375 +}
4376 +@-moz-keyframes pagelayer-rotate-2-in {
4377 + 0% {
4378 + opacity: 0;
4379 + -moz-transform: translateZ(-20px) rotateX(90deg);
4380 + }
4381 + 60% {
4382 + opacity: 1;
4383 + -moz-transform: translateZ(-20px) rotateX(-10deg);
4384 + }
4385 + 100% {
4386 + opacity: 1;
4387 + -moz-transform: translateZ(-20px) rotateX(0deg);
4388 + }
4389 +}
4390 +@keyframes pagelayer-rotate-2-in {
4391 + 0% {
4392 + opacity: 0;
4393 + -webkit-transform: translateZ(-20px) rotateX(90deg);
4394 + -moz-transform: translateZ(-20px) rotateX(90deg);
4395 + -ms-transform: translateZ(-20px) rotateX(90deg);
4396 + -o-transform: translateZ(-20px) rotateX(90deg);
4397 + transform: translateZ(-20px) rotateX(90deg);
4398 + }
4399 + 60% {
4400 + opacity: 1;
4401 + -webkit-transform: translateZ(-20px) rotateX(-10deg);
4402 + -moz-transform: translateZ(-20px) rotateX(-10deg);
4403 + -ms-transform: translateZ(-20px) rotateX(-10deg);
4404 + -o-transform: translateZ(-20px) rotateX(-10deg);
4405 + transform: translateZ(-20px) rotateX(-10deg);
4406 + }
4407 + 100% {
4408 + opacity: 1;
4409 + -webkit-transform: translateZ(-20px) rotateX(0deg);
4410 + -moz-transform: translateZ(-20px) rotateX(0deg);
4411 + -ms-transform: translateZ(-20px) rotateX(0deg);
4412 + -o-transform: translateZ(-20px) rotateX(0deg);
4413 + transform: translateZ(-20px) rotateX(0deg);
4414 + }
4415 +}
4416 +@-webkit-keyframes pagelayer-rotate-2-out {
4417 + 0% {
4418 + opacity: 1;
4419 + -webkit-transform: translateZ(-20px) rotateX(0);
4420 + }
4421 + 60% {
4422 + opacity: 0;
4423 + -webkit-transform: translateZ(-20px) rotateX(-100deg);
4424 + }
4425 + 100% {
4426 + opacity: 0;
4427 + -webkit-transform: translateZ(-20px) rotateX(-90deg);
4428 + }
4429 +}
4430 +@-moz-keyframes pagelayer-rotate-2-out {
4431 + 0% {
4432 + opacity: 1;
4433 + -moz-transform: translateZ(-20px) rotateX(0);
4434 + }
4435 + 60% {
4436 + opacity: 0;
4437 + -moz-transform: translateZ(-20px) rotateX(-100deg);
4438 + }
4439 + 100% {
4440 + opacity: 0;
4441 + -moz-transform: translateZ(-20px) rotateX(-90deg);
4442 + }
4443 +}
4444 +@keyframes pagelayer-rotate-2-out {
4445 + 0% {
4446 + opacity: 1;
4447 + -webkit-transform: translateZ(-20px) rotateX(0);
4448 + -moz-transform: translateZ(-20px) rotateX(0);
4449 + -ms-transform: translateZ(-20px) rotateX(0);
4450 + -o-transform: translateZ(-20px) rotateX(0);
4451 + transform: translateZ(-20px) rotateX(0);
4452 + }
4453 + 60% {
4454 + opacity: 0;
4455 + -webkit-transform: translateZ(-20px) rotateX(-100deg);
4456 + -moz-transform: translateZ(-20px) rotateX(-100deg);
4457 + -ms-transform: translateZ(-20px) rotateX(-100deg);
4458 + -o-transform: translateZ(-20px) rotateX(-100deg);
4459 + transform: translateZ(-20px) rotateX(-100deg);
4460 + }
4461 + 100% {
4462 + opacity: 0;
4463 + -webkit-transform: translateZ(-20px) rotateX(-90deg);
4464 + -moz-transform: translateZ(-20px) rotateX(-90deg);
4465 + -ms-transform: translateZ(-20px) rotateX(-90deg);
4466 + -o-transform: translateZ(-20px) rotateX(-90deg);
4467 + transform: translateZ(-20px) rotateX(-90deg);
4468 + }
4469 +}
4470 +
4471 +/*** xloading-bar ***/
4472 +.pagelayer-aheading-loading-bar .pagelayer-words-wrapper {
4473 + overflow: hidden;
4474 + vertical-align: top;
4475 +}
4476 +.pagelayer-aheading-loading-bar .pagelayer-words-wrapper:after {
4477 + content: '';
4478 + position: absolute;
4479 + left: 0;
4480 + bottom: 0;
4481 + height: 3px;
4482 + width: 0;
4483 + background: #0096a7;
4484 + z-index: 2;
4485 + -webkit-transition: width 0.3s -0.1s;
4486 + -moz-transition: width 0.3s -0.1s;
4487 + transition: width 0.3s -0.1s;
4488 +}
4489 +.pagelayer-aheading-loading-bar .pagelayer-words-wrapper.pagelayer-is-loading:after {
4490 + width: 100%;
4491 + -webkit-transition: width 3s;
4492 + -moz-transition: width 3s;
4493 + transition: width 3s;
4494 +}
4495 +.pagelayer-aheading-loading-bar span{
4496 + top: .2em;
4497 + opacity: 0;
4498 + -webkit-transition: opacity 0.3s;
4499 + -moz-transition: opacity 0.3s;
4500 + transition: opacity 0.3s;
4501 +}
4502 +.pagelayer-aheading-loading-bar span.pagelayer-is-visible {
4503 + opacity: 1;
4504 + top: 0;
4505 +}
4506 +
4507 +/*** xslide ***/
4508 +.pagelayer-aheading-slide .pagelayer-words-wrapper {
4509 + overflow: hidden;
4510 + vertical-align: top;
4511 +}
4512 +.pagelayer-aheading-slide span {
4513 + opacity: 0;
4514 + top: .2em;
4515 +}
4516 +.pagelayer-aheading-slide span.pagelayer-is-visible {
4517 + top: 0;
4518 + opacity: 1;
4519 + -webkit-animation: pagelayer-slide-in 0.6s;
4520 + -moz-animation: pagelayer-slide-in 0.6s;
4521 + animation: pagelayer-slide-in 0.6s;
4522 +}
4523 +.pagelayer-aheading-slide span.pagelayer-is-hidden {
4524 + -webkit-animation: pagelayer-slide-out 0.6s;
4525 + -moz-animation: pagelayer-slide-out 0.6s;
4526 + animation: pagelayer-slide-out 0.6s;
4527 +}
4528 +
4529 +@-webkit-keyframes pagelayer-slide-in {
4530 + 0% {
4531 + opacity: 0;
4532 + -webkit-transform: translateY(-100%);
4533 + }
4534 + 60% {
4535 + opacity: 1;
4536 + -webkit-transform: translateY(20%);
4537 + }
4538 + 100% {
4539 + opacity: 1;
4540 + -webkit-transform: translateY(0);
4541 + }
4542 +}
4543 +@-moz-keyframes pagelayer-slide-in {
4544 + 0% {
4545 + opacity: 0;
4546 + -moz-transform: translateY(-100%);
4547 + }
4548 + 60% {
4549 + opacity: 1;
4550 + -moz-transform: translateY(20%);
4551 + }
4552 + 100% {
4553 + opacity: 1;
4554 + -moz-transform: translateY(0);
4555 + }
4556 +}
4557 +@keyframes pagelayer-slide-in {
4558 + 0% {
4559 + opacity: 0;
4560 + -webkit-transform: translateY(-100%);
4561 + -moz-transform: translateY(-100%);
4562 + -ms-transform: translateY(-100%);
4563 + -o-transform: translateY(-100%);
4564 + transform: translateY(-100%);
4565 + }
4566 + 60% {
4567 + opacity: 1;
4568 + -webkit-transform: translateY(20%);
4569 + -moz-transform: translateY(20%);
4570 + -ms-transform: translateY(20%);
4571 + -o-transform: translateY(20%);
4572 + transform: translateY(20%);
4573 + }
4574 + 100% {
4575 + opacity: 1;
4576 + -webkit-transform: translateY(0);
4577 + -moz-transform: translateY(0);
4578 + -ms-transform: translateY(0);
4579 + -o-transform: translateY(0);
4580 + transform: translateY(0);
4581 + }
4582 +}
4583 +@-webkit-keyframes pagelayer-slide-out {
4584 + 0% {
4585 + opacity: 1;
4586 + -webkit-transform: translateY(0);
4587 + }
4588 + 60% {
4589 + opacity: 0;
4590 + -webkit-transform: translateY(120%);
4591 + }
4592 + 100% {
4593 + opacity: 0;
4594 + -webkit-transform: translateY(100%);
4595 + }
4596 +}
4597 +@-moz-keyframes pagelayer-slide-out {
4598 + 0% {
4599 + opacity: 1;
4600 + -moz-transform: translateY(0);
4601 + }
4602 + 60% {
4603 + opacity: 0;
4604 + -moz-transform: translateY(120%);
4605 + }
4606 + 100% {
4607 + opacity: 0;
4608 + -moz-transform: translateY(100%);
4609 + }
4610 +}
4611 +@keyframes pagelayer-slide-out {
4612 + 0% {
4613 + opacity: 1;
4614 + -webkit-transform: translateY(0);
4615 + -moz-transform: translateY(0);
4616 + -ms-transform: translateY(0);
4617 + -o-transform: translateY(0);
4618 + transform: translateY(0);
4619 + }
4620 + 60% {
4621 + opacity: 0;
4622 + -webkit-transform: translateY(120%);
4623 + -moz-transform: translateY(120%);
4624 + -ms-transform: translateY(120%);
4625 + -o-transform: translateY(120%);
4626 + transform: translateY(120%);
4627 + }
4628 + 100% {
4629 + opacity: 0;
4630 + -webkit-transform: translateY(100%);
4631 + -moz-transform: translateY(100%);
4632 + -ms-transform: translateY(100%);
4633 + -o-transform: translateY(100%);
4634 + transform: translateY(100%);
4635 + }
4636 +}
4637 +
4638 +/*** xclip ***/
4639 +.pagelayer-aheading-clip .pagelayer-words-wrapper {
4640 + overflow: hidden;
4641 + vertical-align: top;
4642 +}
4643 +.pagelayer-aheading-clip .pagelayer-words-wrapper:after {
4644 + /* line */
4645 + content: '';
4646 + position: absolute;
4647 + top: 0;
4648 + right: 0;
4649 + width: 3px;
4650 + height: 100%;
4651 + background-color: #aebcb9;
4652 +}
4653 +.pagelayer-aheading-clip span {
4654 + opacity: 0;
4655 +}
4656 +.pagelayer-aheading-clip span.pagelayer-is-visible {
4657 + opacity: 1;
4658 +}
4659 +
4660 +/*** xzoom ***/
4661 +.pagelayer-aheading-zoom .pagelayer-words-wrapper {
4662 + -webkit-perspective: 300px;
4663 + -moz-perspective: 300px;
4664 + perspective: 300px;
4665 +}
4666 +.pagelayer-aheading-zoom span{
4667 + opacity: 0;
4668 +}
4669 +.pagelayer-aheading-zoom span.pagelayer-is-visible {
4670 + opacity: 1;
4671 + -webkit-animation: pagelayer-zoom-in 0.8s;
4672 + -moz-animation: pagelayer-zoom-in 0.8s;
4673 + animation: pagelayer-zoom-in 0.8s;
4674 +}
4675 +.pagelayer-aheading-zoom span.pagelayer-is-hidden {
4676 + -webkit-animation: pagelayer-zoom-out 0.8s;
4677 + -moz-animation: pagelayer-zoom-out 0.8s;
4678 + animation: pagelayer-zoom-out 0.8s;
4679 +}
4680 +
4681 +@-webkit-keyframes pagelayer-zoom-in {
4682 + 0% {
4683 + opacity: 0;
4684 + -webkit-transform: translateZ(100px);
4685 + }
4686 + 100% {
4687 + opacity: 1;
4688 + -webkit-transform: translateZ(0);
4689 + }
4690 +}
4691 +@-moz-keyframes pagelayer-zoom-in {
4692 + 0% {
4693 + opacity: 0;
4694 + -moz-transform: translateZ(100px);
4695 + }
4696 + 100% {
4697 + opacity: 1;
4698 + -moz-transform: translateZ(0);
4699 + }
4700 +}
4701 +@keyframes pagelayer-zoom-in {
4702 + 0% {
4703 + opacity: 0;
4704 + -webkit-transform: translateZ(100px);
4705 + -moz-transform: translateZ(100px);
4706 + -ms-transform: translateZ(100px);
4707 + -o-transform: translateZ(100px);
4708 + transform: translateZ(100px);
4709 + }
4710 + 100% {
4711 + opacity: 1;
4712 + -webkit-transform: translateZ(0);
4713 + -moz-transform: translateZ(0);
4714 + -ms-transform: translateZ(0);
4715 + -o-transform: translateZ(0);
4716 + transform: translateZ(0);
4717 + }
4718 +}
4719 +@-webkit-keyframes pagelayer-zoom-out {
4720 + 0% {
4721 + opacity: 1;
4722 + -webkit-transform: translateZ(0);
4723 + }
4724 + 100% {
4725 + opacity: 0;
4726 + -webkit-transform: translateZ(-100px);
4727 + }
4728 +}
4729 +@-moz-keyframes pagelayer-zoom-out {
4730 + 0% {
4731 + opacity: 1;
4732 + -moz-transform: translateZ(0);
4733 + }
4734 + 100% {
4735 + opacity: 0;
4736 + -moz-transform: translateZ(-100px);
4737 + }
4738 +}
4739 +@keyframes pagelayer-zoom-out {
4740 + 0% {
4741 + opacity: 1;
4742 + -webkit-transform: translateZ(0);
4743 + -moz-transform: translateZ(0);
4744 + -ms-transform: translateZ(0);
4745 + -o-transform: translateZ(0);
4746 + transform: translateZ(0);
4747 + }
4748 + 100% {
4749 + opacity: 0;
4750 + -webkit-transform: translateZ(-100px);
4751 + -moz-transform: translateZ(-100px);
4752 + -ms-transform: translateZ(-100px);
4753 + -o-transform: translateZ(-100px);
4754 + transform: translateZ(-100px);
4755 + }
4756 +}
4757 +
4758 +/*** xrotate-3 ***/
4759 +.pagelayer-aheading-rotate3 .pagelayer-words-wrapper {
4760 + -webkit-perspective: 300px;
4761 + -moz-perspective: 300px;
4762 + perspective: 300px;
4763 +}
4764 +.pagelayer-aheading-rotate3 span {
4765 + opacity: 0;
4766 +}
4767 +.pagelayer-aheading-rotate3 strong {
4768 + display: inline-block;
4769 + -webkit-transform: rotateY(180deg);
4770 + -moz-transform: rotateY(180deg);
4771 + -ms-transform: rotateY(180deg);
4772 + -o-transform: rotateY(180deg);
4773 + transform: rotateY(180deg);
4774 + -webkit-backface-visibility: hidden;
4775 + backface-visibility: hidden;
4776 +}
4777 +.pagelayer-is-visible .pagelayer-aheading-rotate3 strong {
4778 + -webkit-transform: rotateY(0deg);
4779 + -moz-transform: rotateY(0deg);
4780 + -ms-transform: rotateY(0deg);
4781 + -o-transform: rotateY(0deg);
4782 + transform: rotateY(0deg);
4783 +}
4784 +.pagelayer-aheading-rotate3 strong.pagelayer-aheading-in {
4785 + -webkit-animation: pagelayer-rotate-3-in 0.6s forwards;
4786 + -moz-animation: pagelayer-rotate-3-in 0.6s forwards;
4787 + animation: pagelayer-rotate-3-in 0.6s forwards;
4788 +}
4789 +.pagelayer-aheading-rotate3 strong.pagelayer-aheading-out {
4790 + -webkit-animation: pagelayer-rotate-3-out 0.6s forwards;
4791 + -moz-animation: pagelayer-rotate-3-out 0.6s forwards;
4792 + animation: pagelayer-rotate-3-out 0.6s forwards;
4793 +}
4794 +
4795 +.pagelayer-no-csstransitions .pagelayer-aheading-rotate3 strong {
4796 + -webkit-transform: rotateY(0deg);
4797 + -moz-transform: rotateY(0deg);
4798 + -ms-transform: rotateY(0deg);
4799 + -o-transform: rotateY(0deg);
4800 + transform: rotateY(0deg);
4801 + opacity: 0;
4802 +}
4803 +
4804 +.pagelayer-no-csstransitions .pagelayer-aheading-rotate3 .pagelayer-is-visible strong {
4805 + opacity: 1;
4806 +}
4807 +
4808 +@-webkit-keyframes pagelayer-rotate-3-in {
4809 + 0% {
4810 + -webkit-transform: rotateY(180deg);
4811 + }
4812 + 100% {
4813 + -webkit-transform: rotateY(0deg);
4814 + }
4815 +}
4816 +@-moz-keyframes pagelayer-rotate-3-in {
4817 + 0% {
4818 + -moz-transform: rotateY(180deg);
4819 + }
4820 + 100% {
4821 + -moz-transform: rotateY(0deg);
4822 + }
4823 +}
4824 +@keyframes pagelayer-rotate-3-in {
4825 + 0% {
4826 + -webkit-transform: rotateY(180deg);
4827 + -moz-transform: rotateY(180deg);
4828 + -ms-transform: rotateY(180deg);
4829 + -o-transform: rotateY(180deg);
4830 + transform: rotateY(180deg);
4831 + }
4832 + 100% {
4833 + -webkit-transform: rotateY(0deg);
4834 + -moz-transform: rotateY(0deg);
4835 + -ms-transform: rotateY(0deg);
4836 + -o-transform: rotateY(0deg);
4837 + transform: rotateY(0deg);
4838 + }
4839 +}
4840 +@-webkit-keyframes pagelayer-rotate-3-out {
4841 + 0% {
4842 + -webkit-transform: rotateY(0);
4843 + }
4844 + 100% {
4845 + -webkit-transform: rotateY(-180deg);
4846 + }
4847 +}
4848 +@-moz-keyframes pagelayer-rotate-3-out {
4849 + 0% {
4850 + -moz-transform: rotateY(0);
4851 + }
4852 + 100% {
4853 + -moz-transform: rotateY(-180deg);
4854 + }
4855 +}
4856 +@keyframes pagelayer-rotate-3-out {
4857 + 0% {
4858 + -webkit-transform: rotateY(0);
4859 + -moz-transform: rotateY(0);
4860 + -ms-transform: rotateY(0);
4861 + -o-transform: rotateY(0);
4862 + transform: rotateY(0);
4863 + }
4864 + 100% {
4865 + -webkit-transform: rotateY(-180deg);
4866 + -moz-transform: rotateY(-180deg);
4867 + -ms-transform: rotateY(-180deg);
4868 + -o-transform: rotateY(-180deg);
4869 + transform: rotateY(-180deg);
4870 + }
4871 +}
4872 +
4873 +/*** xscale ***/
4874 +.pagelayer-aheading-scale span {
4875 + opacity: 0;
4876 +}
4877 +.pagelayer-aheading-scale strong {
4878 + display: inline-block;
4879 + opacity: 0;
4880 + -webkit-transform: scale(0);
4881 + -moz-transform: scale(0);
4882 + -ms-transform: scale(0);
4883 + -o-transform: scale(0);
4884 + transform: scale(0);
4885 +}
4886 +.pagelayer-is-visible .pagelayer-aheading-scale strong {
4887 + opacity: 1;
4888 +}
4889 +.pagelayer-aheading-scale strong.pagelayer-aheading-in {
4890 + -webkit-animation: pagelayer-scale-up 0.6s forwards;
4891 + -moz-animation: pagelayer-scale-up 0.6s forwards;
4892 + animation: pagelayer-scale-up 0.6s forwards;
4893 +}
4894 +.pagelayer-aheading-scale strong.pagelayer-aheading-out {
4895 + -webkit-animation: pagelayer-scale-down 0.6s forwards;
4896 + -moz-animation: pagelayer-scale-down 0.6s forwards;
4897 + animation: pagelayer-scale-down 0.6s forwards;
4898 +}
4899 +
4900 +.pagelayer-no-csstransitions .pagelayer-aheading-scale strong {
4901 + -webkit-transform: scale(1);
4902 + -moz-transform: scale(1);
4903 + -ms-transform: scale(1);
4904 + -o-transform: scale(1);
4905 + transform: scale(1);
4906 + opacity: 0;
4907 +}
4908 +
4909 +.pagelayer-no-csstransitions .pagelayer-aheading-scale .pagelayer-is-visible strong {
4910 + opacity: 1;
4911 +}
4912 +
4913 +@-webkit-keyframes pagelayer-scale-up {
4914 + 0% {
4915 + -webkit-transform: scale(0);
4916 + opacity: 0;
4917 + }
4918 + 60% {
4919 + -webkit-transform: scale(1.2);
4920 + opacity: 1;
4921 + }
4922 + 100% {
4923 + -webkit-transform: scale(1);
4924 + opacity: 1;
4925 + }
4926 +}
4927 +@-moz-keyframes pagelayer-scale-up {
4928 + 0% {
4929 + -moz-transform: scale(0);
4930 + opacity: 0;
4931 + }
4932 + 60% {
4933 + -moz-transform: scale(1.2);
4934 + opacity: 1;
4935 + }
4936 + 100% {
4937 + -moz-transform: scale(1);
4938 + opacity: 1;
4939 + }
4940 +}
4941 +@keyframes pagelayer-scale-up {
4942 + 0% {
4943 + -webkit-transform: scale(0);
4944 + -moz-transform: scale(0);
4945 + -ms-transform: scale(0);
4946 + -o-transform: scale(0);
4947 + transform: scale(0);
4948 + opacity: 0;
4949 + }
4950 + 60% {
4951 + -webkit-transform: scale(1.2);
4952 + -moz-transform: scale(1.2);
4953 + -ms-transform: scale(1.2);
4954 + -o-transform: scale(1.2);
4955 + transform: scale(1.2);
4956 + opacity: 1;
4957 + }
4958 + 100% {
4959 + -webkit-transform: scale(1);
4960 + -moz-transform: scale(1);
4961 + -ms-transform: scale(1);
4962 + -o-transform: scale(1);
4963 + transform: scale(1);
4964 + opacity: 1;
4965 + }
4966 +}
4967 +@-webkit-keyframes pagelayer-scale-down {
4968 + 0% {
4969 + -webkit-transform: scale(1);
4970 + opacity: 1;
4971 + }
4972 + 60% {
4973 + -webkit-transform: scale(0);
4974 + opacity: 0;
4975 + }
4976 +}
4977 +@-moz-keyframes pagelayer-scale-down {
4978 + 0% {
4979 + -moz-transform: scale(1);
4980 + opacity: 1;
4981 + }
4982 + 60% {
4983 + -moz-transform: scale(0);
4984 + opacity: 0;
4985 + }
4986 +}
4987 +@keyframes pagelayer-scale-down {
4988 + 0% {
4989 + -webkit-transform: scale(1);
4990 + -moz-transform: scale(1);
4991 + -ms-transform: scale(1);
4992 + -o-transform: scale(1);
4993 + transform: scale(1);
4994 + opacity: 1;
4995 + }
4996 + 60% {
4997 + -webkit-transform: scale(0);
4998 + -moz-transform: scale(0);
4999 + -ms-transform: scale(0);
5000 + -o-transform: scale(0);
5001 + transform: scale(0);
5002 + opacity: 0;
5003 + }
5004 +}
5005 +
5006 +/*** xpush ***/
5007 +.pagelayer-aheading-push span {
5008 + opacity: 0;
5009 +}
5010 +.pagelayer-aheading-push span.pagelayer-is-visible {
5011 + opacity: 1;
5012 + -webkit-animation: pagelayer-push-in 0.6s;
5013 + -moz-animation: pagelayer-push-in 0.6s;
5014 + animation: pagelayer-push-in 0.6s;
5015 +}
5016 +.pagelayer-aheading-push span.pagelayer-is-hidden {
5017 + -webkit-animation: pagelayer-push-out 0.6s;
5018 + -moz-animation: pagelayer-push-out 0.6s;
5019 + animation: pagelayer-push-out 0.6s;
5020 +}
5021 +
5022 +@-webkit-keyframes pagelayer-push-in {
5023 + 0% {
5024 + opacity: 0;
5025 + -webkit-transform: translateX(-100%);
5026 + }
5027 + 60% {
5028 + opacity: 1;
5029 + -webkit-transform: translateX(10%);
5030 + }
5031 + 100% {
5032 + opacity: 1;
5033 + -webkit-transform: translateX(0);
5034 + }
5035 +}
5036 +@-moz-keyframes pagelayer-push-in {
5037 + 0% {
5038 + opacity: 0;
5039 + -moz-transform: translateX(-100%);
5040 + }
5041 + 60% {
5042 + opacity: 1;
5043 + -moz-transform: translateX(10%);
5044 + }
5045 + 100% {
5046 + opacity: 1;
5047 + -moz-transform: translateX(0);
5048 + }
5049 +}
5050 +@keyframes pagelayer-push-in {
5051 + 0% {
5052 + opacity: 0;
5053 + -webkit-transform: translateX(-100%);
5054 + -moz-transform: translateX(-100%);
5055 + -ms-transform: translateX(-100%);
5056 + -o-transform: translateX(-100%);
5057 + transform: translateX(-100%);
5058 + }
5059 + 60% {
5060 + opacity: 1;
5061 + -webkit-transform: translateX(10%);
5062 + -moz-transform: translateX(10%);
5063 + -ms-transform: translateX(10%);
5064 + -o-transform: translateX(10%);
5065 + transform: translateX(10%);
5066 + }
5067 + 100% {
5068 + opacity: 1;
5069 + -webkit-transform: translateX(0);
5070 + -moz-transform: translateX(0);
5071 + -ms-transform: translateX(0);
5072 + -o-transform: translateX(0);
5073 + transform: translateX(0);
5074 + }
5075 +}
5076 +@-webkit-keyframes pagelayer-push-out {
5077 + 0% {
5078 + opacity: 1;
5079 + -webkit-transform: translateX(0);
5080 + }
5081 + 60% {
5082 + opacity: 0;
5083 + -webkit-transform: translateX(110%);
5084 + }
5085 + 100% {
5086 + opacity: 0;
5087 + -webkit-transform: translateX(100%);
5088 + }
5089 +}
5090 +@-moz-keyframes pagelayer-push-out {
5091 + 0% {
5092 + opacity: 1;
5093 + -moz-transform: translateX(0);
5094 + }
5095 + 60% {
5096 + opacity: 0;
5097 + -moz-transform: translateX(110%);
5098 + }
5099 + 100% {
5100 + opacity: 0;
5101 + -moz-transform: translateX(100%);
5102 + }
5103 +}
5104 +@keyframes pagelayer-push-out {
5105 + 0% {
5106 + opacity: 1;
5107 + -webkit-transform: translateX(0);
5108 + -moz-transform: translateX(0);
5109 + -ms-transform: translateX(0);
5110 + -o-transform: translateX(0);
5111 + transform: translateX(0);
5112 + }
5113 + 60% {
5114 + opacity: 0;
5115 + -webkit-transform: translateX(110%);
5116 + -moz-transform: translateX(110%);
5117 + -ms-transform: translateX(110%);
5118 + -o-transform: translateX(110%);
5119 + transform: translateX(110%);
5120 + }
5121 + 100% {
5122 + opacity: 0;
5123 + -webkit-transform: translateX(100%);
5124 + -moz-transform: translateX(100%);
5125 + -ms-transform: translateX(100%);
5126 + -o-transform: translateX(100%);
5127 + transform: translateX(100%);
5128 + }
5129 +}
5130 +
5131 +/* Animated Heading End */
5132 +/* Page Break Start */
5133 +
5134 +.pagelayer-page-links{
5135 +text-align: center;
5136 +margin-top: 50px;
5137 +}
5138 +
5139 +.pagelayer-page-links .post-page-numbers {
5140 +padding: 0;
5141 +margin: 0 0 .3em .3em;
5142 +border: 1px solid;
5143 +color: #000;
5144 +background: 0 0;
5145 +font-size: .8em;
5146 +width: 2.5em;
5147 +height: 2.5em;
5148 +line-height: calc(2.5em - 4px);
5149 +display: inline-block;
5150 +text-align: center;
5151 +transition: all .2s linear;
5152 +}
5153 +
5154 +.pagelayer-arc-layout-left .pagelayer-wposts-col .pagelayer-wposts-content,
5155 +.pagelayer-arc-layout-right .pagelayer-wposts-col .pagelayer-wposts-featured,
5156 +.pagelayer-arc-layout-alt .pagelayer-wposts-col:nth-of-type(2n+1) .pagelayer-wposts-content,
5157 +.pagelayer-arc-layout-alt .pagelayer-wposts-col:nth-of-type(2n) .pagelayer-wposts-featured{
5158 +width: 48%;
5159 +float: left;
5160 +}
5161 +
5162 +.pagelayer-arc-layout-right .pagelayer-wposts-col .pagelayer-wposts-content,
5163 +.pagelayer-arc-layout-left .pagelayer-wposts-col .pagelayer-wposts-featured,
5164 +.pagelayer-arc-layout-alt .pagelayer-wposts-col:nth-of-type(2n) .pagelayer-wposts-content,
5165 +.pagelayer-arc-layout-alt .pagelayer-wposts-col:nth-of-type(2n+1) .pagelayer-wposts-featured{
5166 +width: 48%;
5167 +float: right;
5168 +}
5169 +
5170 +.pagelayer-arc-layout-left .pagelayer-wposts-thumb,
5171 +.pagelayer-arc-layout-right .pagelayer-wposts-thumb,
5172 +.pagelayer-arc-layout-alt .pagelayer-wposts-thumb{
5173 +display: block;
5174 +}
5175 +
5176 +.pagelayer-wposts-thumb,
5177 +.pagelayer-wposts-featured,
5178 +.pagelayer-wposts-col{
5179 +overflow: hidden;
5180 +}
5181 +
5182 +.pagelayer-loader-holder{
5183 +width: auto;
5184 +height: auto;
5185 +display: none;
5186 +}
5187 +
5188 +.pagelayer-post-max,
5189 +.pagelayer-infinite-scroll-auto ~ .pagelayer_load_button .pagelayer-btn-load{
5190 +display: none;
5191 +}
5192 +/* Page Break End */
5193 +
5194 +/********************/
5195 +/*** Freemium End ***/
5196 +/********************/