PluginProbe
Page Builder: Pagelayer – Drag and Drop website builder / 1.0.4
Page Builder: Pagelayer – Drag and Drop website builder v1.0.4
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 1.0.5 All 129 releases
pagelayer / css / pagelayer-frontend.css

pagelayer-frontend.css in Page Builder: Pagelayer – Drag and Drop website builder 1.0.4, at css/pagelayer-frontend.css

2,863 lines 58.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*
2 PageLayer Frontend Framework
3 */
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 [pagelayer-id]{
24 transition:0.5s;
25 }
26
27 /* Experimental All FLEX code
28 .pagelayer-ele,
29 .pagelayer-ele-wrap,*/
30
31 /*Flex - Rows and Cols*/
32 .pagelayer-row,
33 .pagelayer-inner_row,
34 .pagelayer-row-holder,
35 .pagelayer-col,
36 .pagelayer-col-holder{
37 box-sizing: border-box;
38 display: flex;
39 flex: 1 0 auto;
40 flex-direction: row;
41 flex-wrap: wrap;
42 width:100%;
43 align-content: stretch;
44 position: relative;
45 }
46
47 /* The col holder should be flex-start and not stretch because elements in it should take automatic height */
48 .pagelayer-col,
49 .pagelayer-col-holder{
50 align-content: flex-start;
51 }
52
53 /* Each immediate element in the col-holder should have full width */
54 .pagelayer-col-holder>div{
55 width: 100%;
56 }
57
58 @media (max-width: 768px) {
59 .pagelayer-row {
60 flex-direction: column;
61 flex-wrap: nowrap; } }
62 .pagelayer-row.pagelayer-auto .pagelayer-col {
63 flex-grow: 1; }
64
65 .pagelayer-col-1 {
66 width: 8.33333%; }
67
68 .pagelayer-offset-1 {
69 margin-left: 8.33333%; }
70
71 .pagelayer-col-2 {
72 width: 16.66667%; }
73
74 .pagelayer-offset-2 {
75 margin-left: 16.66667%; }
76
77 .pagelayer-col-3 {
78 width: 25%; }
79
80 .pagelayer-offset-3 {
81 margin-left: 25%; }
82
83 .pagelayer-col-4 {
84 width: 33.33333%; }
85
86 .pagelayer-offset-4 {
87 margin-left: 33.33333%; }
88
89 .pagelayer-col-5 {
90 width: 41.66667%; }
91
92 .pagelayer-offset-5 {
93 margin-left: 41.66667%; }
94
95 .pagelayer-col-6 {
96 width: 50%; }
97
98 .pagelayer-offset-6 {
99 margin-left: 50%; }
100
101 .pagelayer-col-7 {
102 width: 58.33333%; }
103
104 .pagelayer-offset-7 {
105 margin-left: 58.33333%; }
106
107 .pagelayer-col-8 {
108 width: 66.66667%; }
109
110 .pagelayer-offset-8 {
111 margin-left: 66.66667%; }
112
113 .pagelayer-col-9 {
114 width: 75%; }
115
116 .pagelayer-offset-9 {
117 margin-left: 75%; }
118
119 .pagelayer-col-10 {
120 width: 83.33333%; }
121
122 .pagelayer-offset-10 {
123 margin-left: 83.33333%; }
124
125 .pagelayer-col-11 {
126 width: 91.66667%; }
127
128 .pagelayer-offset-11 {
129 margin-left: 91.66667%; }
130
131 .pagelayer-col-12 {
132 width: 100%; }
133
134 .pagelayer-offset-12 {
135 margin-left: 100%; }
136
137 .pagelayer-gutters > .pagelayer-col-1 {
138 width: calc(8.33333% - 2%); }
139
140 .pagelayer-gutters > .pagelayer-offset-1 {
141 margin-left: calc(8.33333% + 2%) !important; }
142
143 .pagelayer-gutters > .pagelayer-col-2 {
144 width: calc(16.66667% - 2%); }
145
146 .pagelayer-gutters > .pagelayer-offset-2 {
147 margin-left: calc(16.66667% + 2%) !important; }
148
149 .pagelayer-gutters > .pagelayer-col-3 {
150 width: calc(25% - 2%); }
151
152 .pagelayer-gutters > .pagelayer-offset-3 {
153 margin-left: calc(25% + 2%) !important; }
154
155 .pagelayer-gutters > .pagelayer-col-4 {
156 width: calc(33.33333% - 2%); }
157
158 .pagelayer-gutters > .pagelayer-offset-4 {
159 margin-left: calc(33.33333% + 2%) !important; }
160
161 .pagelayer-gutters > .pagelayer-col-5 {
162 width: calc(41.66667% - 2%); }
163
164 .pagelayer-gutters > .pagelayer-offset-5 {
165 margin-left: calc(41.66667% + 2%) !important; }
166
167 .pagelayer-gutters > .pagelayer-col-6 {
168 width: calc(50% - 2%); }
169
170 .pagelayer-gutters > .pagelayer-offset-6 {
171 margin-left: calc(50% + 2%) !important; }
172
173 .pagelayer-gutters > .pagelayer-col-7 {
174 width: calc(58.33333% - 2%); }
175
176 .pagelayer-gutters > .pagelayer-offset-7 {
177 margin-left: calc(58.33333% + 2%) !important; }
178
179 .pagelayer-gutters > .pagelayer-col-8 {
180 width: calc(66.66667% - 2%); }
181
182 .pagelayer-gutters > .pagelayer-offset-8 {
183 margin-left: calc(66.66667% + 2%) !important; }
184
185 .pagelayer-gutters > .pagelayer-col-9 {
186 width: calc(75% - 2%); }
187
188 .pagelayer-gutters > .pagelayer-offset-9 {
189 margin-left: calc(75% + 2%) !important; }
190
191 .pagelayer-gutters > .pagelayer-col-10 {
192 width: calc(83.33333% - 2%); }
193
194 .pagelayer-gutters > .pagelayer-offset-10 {
195 margin-left: calc(83.33333% + 2%) !important; }
196
197 .pagelayer-gutters > .pagelayer-col-11 {
198 width: calc(91.66667% - 2%); }
199
200 .pagelayer-gutters > .pagelayer-offset-11 {
201 margin-left: calc(91.66667% + 2%) !important; }
202
203 .pagelayer-gutters > .pagelayer-col-12 {
204 width: calc(100% - 2%); }
205
206 .pagelayer-gutters > .pagelayer-offset-12 {
207 margin-left: calc(100% + 2%) !important; }
208
209 @media (max-width: 768px) {
210 [class^='pagelayer-offset-'],
211 [class*=' pagelayer-offset-'] {
212 margin-left: 0; } }
213
214 .pagelayer-first {
215 order: -1; }
216
217 .pagelayer-last {
218 order: 1; }
219
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 /**************My Style for front-end *********/
232
233 .pagelayer-img{
234 vertical-align:bottom;
235 max-width: 100%;
236 }
237
238 /* To give no decoration to a link for a pagelayer element */
239 .pagelayer-ele-link{
240 text-decoration:none;
241 box-shadow:none !important;
242 border:none;
243 }
244
245 .pagelayer-bgimg-slider{
246 position: absolute;
247 top: 0;
248 left: 0;
249 height: 100%;
250 width: 100%;
251 }
252
253 .pagelayer-bgimg-slide {
254 position: absolute;
255 width: 100%;
256 top: 0;
257 left: 0;
258 height: 100%;
259 transition: all 1s ease-in-out;
260 background-position: center center;
261 background-repeat: no-repeat;
262 background-size: cover;
263 opacity: 0;
264 }
265
266 .pagelayer-slide-show {
267 opacity: 1;
268 }
269
270 .pagelayer-row-overlay,
271 .pagelayer-col-overlay{
272 position: absolute;
273 width: 100%;
274 height: 100%;
275 right: 0px;
276 top: 0px;
277 z-index: -1;
278 pointer-events:none;
279 }
280
281 .pagelayer-row-shape{
282 width:100%;
283 position:absolute;
284 top:0;
285 left:0;
286 right:0;
287 bottom:0;
288 line-height:0;
289 overflow:hidden;
290 }
291
292 .pagelayer-row-svg{
293 position:relative;
294 height:100%;
295 }
296
297 .pagelayer-row-svg svg{
298 width:100%;
299 position:absolute;
300 }
301
302 .pagelayer-row-svg svg.pagelayer-svg-top{
303 top:-1px;
304 }
305
306 .pagelayer-row-svg svg.pagelayer-svg-bottom{
307 bottom:-1px;
308 }
309
310 .pagelayer-height-fit{
311 height:100vh;
312 }
313
314 .pagelayer-row-wrapper{
315 width:100%;
316 }
317
318 .pagelayer-background-overlay{
319 position: absolute;
320 width: 100%;
321 top: 0;
322 left:0;
323 height: 100%;
324 overflow: hidden;
325 }
326
327 .pagelayer-background-video{
328 position: absolute;
329 width: 100%;
330 top: 0;
331 height: 100%;
332 pointer-events: none;
333 z-index: 0;
334 overflow: hidden;
335 left:0;
336 }
337
338 .pagelayer-background-video iframe,
339 .pagelayer-background-video video{
340 position: absolute;
341 top: 50%;
342 left: 50%;
343 -webkit-transform: translateX(-50%) translateY(-50%);
344 -ms-transform: translateX(-50%) translateY(-50%);
345 transform: translateX(-50%) translateY(-50%);
346 max-width: none;
347 }
348
349 .pagelayer-service-container{
350 -webkit-box-align: start;
351 -webkit-align-items: flex-start;
352 -ms-flex-align: start;
353 align-items: flex-start;
354 }
355
356 .pagelayer-service-image{
357 line-height:0;
358 overflow:hidden;
359 }
360
361 .pagelayer-service-image img{
362 height: auto;
363 max-width: 100%;
364 }
365
366 .pagelayer-service-btn{
367 display:inline-block;
368 }
369
370 .pagelayer-service-details{
371 width:100%;
372 }
373
374 .pagelayer-service-align-left{
375 display:flex;
376 }
377
378 .pagelayer-service-align-right{
379 display:flex;
380 text-align: right;
381 -webkit-box-orient: horizontal;
382 -webkit-box-direction: reverse;
383 flex-direction: row-reverse;
384 }
385
386 .pagelayer-service-align-top{
387 display:block;
388 text-align: center;
389 }
390
391 .pagelayer-service-align-top .pagelayer-service-image{
392 margin:0 auto;
393 text-align:center;
394 }
395
396 .pagelayer-service-box-centered{
397 text-align: center;
398 }
399
400 .pagelayer-service-box-media-left,
401 .pagelayer-service-box-media-right{
402 display: flex;
403 }
404
405 .pagelayer-service-vertical-top{
406 align-items: flex-start;
407 -webkit-align-items: flex-start;
408 -webkit-box-align: start;
409 -ms-flex-align: start;
410 }
411
412 .pagelayer-service-vertical-middle{
413 align-items: center;
414 -webkit-align-items: center;
415 -webkit-box-align: center;
416 -ms-flex-align: center;
417 }
418
419 .pagelayer-service-vertical-bottom{
420 align-items: flex-end;
421 -webkit-align-items: flex-end;
422 -webkit-box-align: end;
423 -ms-flex-align: end;
424 }
425
426 .pagelayer-service-box-media-right .pagelayer-service-box-media-section{
427 order: 2;
428 }
429 .pagelayer-service-box-media-right .pagelayer-service-box-content-section{
430 order: 1;
431 }
432
433 .pagelayer-service-box-icon-holder{
434 display: inline-block;
435 color:#000000;
436 text-align: center;
437 line-height: 1;
438 font-size: 60px;
439 }
440
441 .pagelayer-service-icon{
442 line-height: 0;
443 }
444
445 .pagelayer-service-icon.pagelayer-service-framed i{
446 border:4px solid;
447 background-color:transparent !important;
448 }
449
450 .pagelayer-service-icon.pagelayer-service-stacked i,
451 .pagelayer-service-icon.pagelayer-service-framed i{
452 position:relative;
453 }
454
455 .pagelayer-service-icon.pagelayer-service-stacked i:before,
456 .pagelayer-service-icon.pagelayer-service-framed i:before{
457 position: absolute;
458 top: 50%;
459 left: 50%;
460 transform: translate(-50%, -50%);
461 }
462
463 .pagelayer-service-box-icon-holder.square-holder{
464 padding: 15px;
465 color:#000000;
466 }
467
468 .pagelayer-service-box-icon-holder.circle-holder{
469 padding: 15px;
470 color:#000000;
471 border-radius:50% !Important;
472 }
473
474 .pagelayer-service-box-icon-holder i{
475 position: relative;
476 display: block;
477 }
478
479 .pagelayer-service-heading{
480 line-height:1;
481 }
482
483 .pagelayer-box-link{
484 position: absolute;
485 top: 0;
486 left: 0;
487 width: 100%;
488 height: 100%;
489 }
490
491 /* Icon widget */
492
493 .pagelayer-icon-mini{
494 font-size: 16px !important;
495 }
496
497 .pagelayer-icon-small{
498 font-size: 24px !important;
499 }
500
501 .pagelayer-icon-large{
502 font-size: 36px !important;
503 }
504
505 .pagelayer-icon-extra-large{
506 font-size: 56px !important;
507 }
508
509 .pagelayer-icon-double-large{
510 font-size: 78px !important;
511 }
512
513 .pagelayer-icon-circle,
514 .pagelayer-icon-outline-circle,
515 .pagelayer-social-shape-circle .pagelayer-icon-holder{
516 border-radius: 50%;
517 }
518
519 .pagelayer-icon-rounded,
520 .pagelayer-icon-outline-rounded,
521 .pagelayer-social-shape-rounded .pagelayer-share-content,
522 .pagelayer-social-shape-rounded .pagelayer-icon-holder{
523 border-radius: 10px;
524 }
525
526 /* Icon widget end */
527
528 /* Icon animation */
529 .pagelayer-animation-grow, [pagelayer-animation="grow"] .pagelayer-icon-holder{
530 transition: transform 400ms;
531 }
532
533 .pagelayer-animation-grow:hover, [pagelayer-animation="grow"] .pagelayer-icon-holder:hover{
534 transform: scale(1.1);
535 }
536
537 .pagelayer-animation-shrink, [pagelayer-animation="shrink"] .pagelayer-icon-holder{
538 transition: transform 400ms;
539 }
540
541 .pagelayer-animation-shrink:hover, [pagelayer-animation="shrink"] .pagelayer-icon-holder:hover{
542 transform: scale(0.9);
543 }
544
545 @keyframes pagelayer-animation-pulse{25%{transform:scale(1.1)}75%{transform:scale(0.9)}}
546
547 .pagelayer-animation-pulse:hover, [pagelayer-animation="pulse"] .pagelayer-icon-holder:hover{
548 animation-name: pagelayer-animation-pulse;
549 animation-duration: 1s;
550 animation-timing-function: linear;
551 animation-iteration-count: infinite;
552 }
553
554 @keyframes pagelayer-animation-pulse-grow{to{transform:scale(1.1)}}
555
556 .pagelayer-animation-pulse-grow:hover, [pagelayer-animation="pulse-grow"] .pagelayer-icon-holder:hover{
557 animation-name: pagelayer-animation-pulse-grow;
558 animation-duration: 0.4s;
559 animation-timing-function: linear;
560 animation-iteration-count: infinite;
561 animation-direction:alternate;
562 }
563
564 @keyframes pagelayer-animation-pulse-shrink{to{transform:scale(0.9)}}
565
566 .pagelayer-animation-pulse-shrink:hover, [pagelayer-animation="pulse-shrink"] .pagelayer-icon-holder:hover{
567 animation-name: pagelayer-animation-pulse-shrink;
568 animation-duration: 0.4s;
569 animation-timing-function: linear;
570 animation-iteration-count: infinite;
571 animation-direction:alternate;
572 }
573
574 @keyframes pagelayer-animation-push{50%{transform:scale(0.8)}100%{transform:scale(1)}}
575
576 .pagelayer-animation-push:hover, [pagelayer-animation="push"] .pagelayer-icon-holder:hover{
577 animation-name:pagelayer-animation-push;
578 animation-duration:0.4s;
579 animation-timing-function:linear;
580 animation-iteration-count:1
581 }
582
583 @keyframes pagelayer-animation-pop{50%{transform:scale(1.2)}}
584
585 .pagelayer-animation-pop:hover, [pagelayer-animation="pop"] .pagelayer-icon-holder:hover{
586 animation-name:pagelayer-animation-pop;
587 animation-duration:0.4s;
588 animation-timing-function:linear;
589 animation-iteration-count:1
590 }
591
592 @keyframes pagelayer-animation-buzz{
593 50%{
594 transform:translateX(3px) rotate(2deg)
595 }
596 100%{
597 transform:translateX(-3px) rotate(-2deg)
598 }
599 }
600
601 .pagelayer-animation-buzz:hover, [pagelayer-animation="buzz"] .pagelayer-icon-holder:hover{
602 animation-name:pagelayer-animation-buzz;
603 animation-duration:0.15s;
604 animation-timing-function:linear;
605 animation-iteration-count:infinite;
606 }
607
608 @keyframes pagelayer-animation-buzz-out{
609 10%{transform:translateX(3px) rotate(2deg)}
610 20%{transform:translateX(-3px) rotate(-2deg)}
611 30%{transform:translateX(3px) rotate(2deg)}
612 40%{transform:translateX(-3px) rotate(-2deg)}
613 50%{transform:translateX(2px) rotate(1deg)}
614 60%{transform:translateX(-2px) rotate(-1deg)}
615 70%{transform:translateX(2px) rotate(1deg)}
616 80%{transform:translateX(-2px) rotate(-1deg)}
617 90%{transform:translateX(1px) rotate(0)}
618 100%{transform:translateX(-1px) rotate(0)}
619 }
620
621 .pagelayer-animation-buzz-out:hover, [pagelayer-animation="buzz-out"] .pagelayer-icon-holder:hover{
622 animation-name:pagelayer-animation-buzz-out;
623 animation-duration:0.7s;
624 animation-timing-function:linear;
625 animation-iteration-count:1;
626 }
627
628 .pagelayer-animation-float:hover, [pagelayer-animation="float"] .pagelayer-icon-holder:hover{
629 transform:translateY(-8px)
630 }
631
632 .pagelayer-animation-sink:hover, [pagelayer-animation="sink"] .pagelayer-icon-holder:hover{
633 transform:translateY(8px)
634 }
635
636 @keyframes pagelayer-animation-bob{
637 0%{transform:translateY(-8px)}
638 50%{transform:translateY(-4px)}
639 100%{transform:translateY(-8px)}
640 }
641
642 @keyframes pagelayer-animation-bob-up{
643 100%{transform:translateY(-8px)}
644 }
645
646 .pagelayer-animation-bob:hover, [pagelayer-animation="bob"] .pagelayer-icon-holder:hover{
647 animation-name:pagelayer-animation-bob-up,pagelayer-animation-bob;
648 animation-duration:0.4s,1.5s;
649 animation-timing-function:ease-out,ease-in-out;
650 animation-delay:0s,0.3s;
651 animation-iteration-count:infinite;
652 }
653
654 @keyframes pagelayer-animation-hang{
655 0%{transform:translateY(8px)}
656 50%{transform:translateY(4px)}
657 100%{transform:translateY(8px)}
658 }
659
660 @keyframes pagelayer-animation-hang-up{
661 100%{transform:translateY(8px)}
662 }
663
664 .pagelayer-animation-hang:hover, [pagelayer-animation="hang"] .pagelayer-icon-holder:hover{
665 animation-name:pagelayer-animation-hang-up,pagelayer-animation-hang;
666 animation-duration:0.4s,1.5s;
667 animation-timing-function:ease-out,ease-in-out;
668 animation-delay:0s,0.3s;
669 animation-iteration-count:1,infinite;
670 animation-direction:normal,alternate;
671 }
672
673 .pagelayer-animation-bounce-in, [pagelayer-animation="bounce-in"] .pagelayer-icon-holder{
674 transition-duration:0.5s;
675 }
676 .pagelayer-animation-bounce-in:hover, [pagelayer-animation="bounce-in"] .pagelayer-icon-holder:hover{
677 transform:scale(1.2);
678 transition-timing-function:cubic-bezier(0.52,2.07,0.36,-0.41);
679 }
680
681 .pagelayer-animation-bounce-out, [pagelayer-animation="bounce-out"] .pagelayer-icon-holder{
682 transition-duration:0.5s;
683 }
684
685 .pagelayer-animation-bounce-out:hover, [pagelayer-animation="bounce-out"] .pagelayer-icon-holder:hover{
686 transform:scale(0.8);
687 transition-timing-function:cubic-bezier(0.52,2.07,0.36,-0.41);
688 }
689
690 .pagelayer-animation-rotate:hover, [pagelayer-animation="rotate"] .pagelayer-icon-holder:hover{
691 transform:rotate(6deg);
692 }
693
694 .pagelayer-animation-grow-rotate:hover, [pagelayer-animation="grow-rotate"] .pagelayer-icon-holder:hover{
695 transform:scale(1.1) rotate(6deg);
696 }
697
698 .pagelayer-animation-skew-forward:hover, [pagelayer-animation="skew-forward"] .pagelayer-icon-holder:hover{
699 transform:skew(-9deg);
700 }
701
702 .pagelayer-animation-skew-backward:hover, [pagelayer-animation="skew-backward"] .pagelayer-icon-holder:hover{
703 transform:skew(9deg);
704 }
705
706 @keyframes pagelayer-animation-wobble-vertical{
707 17%{transform:translateY(9px)}
708 33%{transform:translateY(-7px)}
709 45%{transform:translateY(5px)}
710 67%{transform:translateY(-3px)}
711 83%{transform:translateY(1px)}
712 100%{transform:translateY(0)}
713 }
714
715 .pagelayer-animation-wobble-vertical:hover, [pagelayer-animation="wobble-vertical"] .pagelayer-icon-holder:hover{
716 animation-name:pagelayer-animation-wobble-vertical;
717 animation-duration:1s;
718 animation-timing-function:ease-in-out;
719 animation-iteration-count:1;
720 }
721
722 @keyframes pagelayer-animation-wobble-horizontal{
723 17%{transform:translateX(9px)}
724 33%{transform:translateX(-7px)}
725 50%{transform:translatex(5px)}
726 67%{transform:translateX(-3px)}
727 83%{transform:translateX(1px)}
728 100%{transform:translateX(0)}
729 }
730
731 .pagelayer-animation-wobble-horizontal:hover, [pagelayer-animation="wobble-horizontal"] .pagelayer-icon-holder:hover{
732 animation-name:pagelayer-animation-wobble-horizontal;
733 animation-duration:1s;
734 animation-timing-function:ease-in-out;
735 animation-iteration-count:1;
736 }
737
738 @keyframes pagelayer-animation-wobble-bottom-to-right{
739 17%{transform:translate(9px,9px)}
740 33%{transform:translate(-7px,-7px)}
741 50%{transform:translate(5px,5px)}
742 67%{transform:translate(-3px,-3px)}
743 83%{transform:translate(1px,1px)}
744 100%{transform:translate(0,0)}
745 }
746
747
748 .pagelayer-animation-wobble-bottom-to-right:hover, [pagelayer-animation="wobble-bottom-to-right"] .pagelayer-icon-holder:hover{
749 animation-name:pagelayer-animation-wobble-bottom-to-right;
750 animation-duration:1s;
751 animation-timing-function:ease-in-out;
752 animation-iteration-count:1;
753 }
754
755 @keyframes pagelayer-animation-wobble-top-to-right{
756 17%{transform:translate(9px,-9px)}
757 33%{transform:translate(-7px,7px)}
758 50%{transform:translate(5px,-5px)}
759 67%{transform:translate(-3px,3px)}
760 83%{transform:translate(1px,-1px)}
761 100%{transform:translate(0,0)}
762 }
763
764
765 .pagelayer-animation-wobble-top-to-right:hover, [pagelayer-animation="wobble-top-to-right"] .pagelayer-icon-holder:hover{
766 animation-name:pagelayer-animation-wobble-top-to-right;
767 animation-duration:1s;
768 animation-timing-function:ease-in-out;
769 animation-iteration-count:1;
770 }
771
772 .pagelayer-animation-wobble-top, [pagelayer-animation="wobble-top"] .pagelayer-icon-holder
773 {
774 transform-origin:0 100%;
775 }
776
777 @keyframes pagelayer-animation-wobble-top{
778 17%{transform:skew(-13deg)}
779 33%{transform:skew(11deg)}
780 50%{transform:skew(-7deg)}
781 67%{transform:skew(5deg)}
782 83%{transform:skew(-3deg)}
783 100%{transform:skew(0)}
784 }
785
786 .pagelayer-animation-wobble-top:hover, [pagelayer-animation="wobble-top"] .pagelayer-icon-holder:hover{
787 animation-name:pagelayer-animation-wobble-top;
788 animation-duration:1s;
789 animation-timing-function:ease-in-out;
790 animation-iteration-count:1
791 }
792
793 .pagelayer-animation-wobble-bottom, [pagelayer-animation="wobble-bottom"] .pagelayer-icon-holder{
794 transform-origin:100% 0;
795 }
796
797 @keyframes pagelayer-animation-wobble-bottom{
798 17%{transform:skew(-13deg)}
799 33%{transform:skew(11deg)}
800 50%{transform:skew(-7deg)}
801 67%{transform:skew(5deg)}
802 83%{transform:skew(-3deg)}
803 100%{transform:skew(0)}
804 }
805
806 .pagelayer-animation-wobble-bottom:hover, [pagelayer-animation="wobble-bottom"] .pagelayer-icon-holder:hover{
807 animation-name:pagelayer-animation-wobble-bottom;
808 animation-duration:1s;
809 animation-timing-function:ease-in-out;
810 animation-iteration-count:1
811 }
812
813 @keyframes pagelayer-animation-wobble-skew{
814 17%{transform:skew(-13deg)}
815 33%{transform:skew(11deg)}
816 50%{transform:skew(-7deg)}
817 67%{transform:skew(5deg)}
818 83%{transform:skew(-3deg)}
819 100%{transform:skew(0)}
820 }
821
822 .pagelayer-animation-wobble-skew:hover, [pagelayer-animation="wobble-skew"] .pagelayer-icon-holder:hover{
823 animation-name:pagelayer-animation-wobble-skew;
824 animation-duration:1s;
825 animation-timing-function:ease-in-out;
826 animation-iteration-count:1
827 }
828
829 /* Icon animation end */
830
831 /*Badge widget */
832 .pagelayer-badge a{
833 text-decoration: none !important;
834 }
835 .pagelayer-badge-btn{
836 display:none;
837 padding:10px;
838 padding: 0.40em 0.36em;
839 }
840
841 .pagelayer-badge-details{
842 margin-left:1px;
843 border-radius:.25rem;
844 padding: 0.10rem;
845 position: relative;
846 top: -3px;
847 }
848
849 .pagelayer-badge-details.pagelayer-badge-normal{
850 border-radius:.25rem;
851 }
852
853 .pagelayer-badge-details.pagelayer-badge-pills{
854 border-radius:10rem;
855 }
856
857 .pagelayer-badge-btn .pagelayer-badge-details{
858 position:relative;
859 top:-1px;
860 }
861
862 /*Badge widget end*/
863
864 /*Tooltip widget*/
865 .pagelayer-tooltip-container{
866 position:relative;
867 display:inline-block;
868 line-height: 1;
869 }
870
871 .pagelayer-tooltip-text{
872 visibility: hidden;
873 width: 300px;
874 background-color: #000000;
875 color: #ffffff;
876 text-align: center;
877 border-radius: 6px;
878 position: absolute;
879 z-index: 1;
880 padding:5px;
881 }
882
883 .pagelayer-tooltip-icon{
884 margin:0px 4px;
885 }
886 .pagelayer-tooltip-top{
887 bottom: calc(100% + 10px);
888 left: 50%;
889 transform: translateX(-50%);
890 }
891
892 .pagelayer-tooltip-top:after{
893 content: "";
894 position: absolute;
895 top: 100%;
896 left: 50%;
897 margin-left: -5px;
898 border-width: 5px;
899 border-style: solid;
900 border-color: #000000 transparent transparent transparent;
901 }
902
903 .pagelayer-tooltip-right{
904 top: 50%;
905 left: calc(100% + 10px);
906 transform: translateY(-50%);
907 }
908
909 .pagelayer-tooltip-right:after {
910 content: "";
911 position: absolute;
912 top: 50%;
913 right: 100%;
914 margin-top: -5px;
915 border-width: 5px;
916 border-style: solid;
917 border-color: transparent #000000 transparent transparent;
918 }
919
920 .pagelayer-tooltip-bottom{
921 top: calc(100% + 10px);
922 left: 50%;
923 transform: translateX(-50%);
924 }
925
926 .pagelayer-tooltip-bottom:after{
927 content: "";
928 position: absolute;
929 bottom: 100%;
930 left: 50%;
931 margin-left: -5px;
932 border-width: 5px;
933 border-style: solid;
934 border-color: transparent transparent #000000 transparent;
935 }
936
937 .pagelayer-tooltip-left{
938 top: 50%;
939 bottom: auto;
940 right: calc(100% + 10px);
941 transform: translateY(-50%);
942 }
943
944 .pagelayer-tooltip-left:after{
945 content: "";
946 position: absolute;
947 top: 50%;
948 left: 100%;
949 transform: translateY(-50%);
950 margin-top: -5px;
951 border-width: 5px;
952 border-style: solid;
953 border-color: transparent transparent transparent #000000;
954 }
955
956 .pagelayer-tooltip-container:hover .pagelayer-tooltip-text{
957 visibility: visible;
958 }
959 /*Tooltip widget end*/
960
961 /* Button widget */
962
963 .pagelayer-btn-holder{
964 border-radius:5px;
965 display:inline-block;
966 line-height:1em;
967 transition:all 0.3s;
968 }
969
970 .pagelayer-btn-default{
971 background-color:#818a91 !important;
972 color:#ffffff !important;
973 }
974
975 .pagelayer-btn-primary,
976 .pagelayer-badge-primary,
977 .pagelayer-progress-primary{
978 color:#ffffff !important;
979 background-color:#007bff !important;
980 }
981
982 .pagelayer-btn-primary:hover{
983 color:#ffffff !important;
984 background-color: #0069d9 !important;
985 }
986
987 .pagelayer-btn-secondary,
988 .pagelayer-badge-secondary,
989 .pagelayer-progress-secondary{
990 color:#ffffff !important;
991 background-color:#6c757d !important;
992 }
993
994 .pagelayer-btn-secondary:hover{
995 color: #ffffff !important;
996 background-color: #5a6268 !important;
997 }
998
999 .pagelayer-btn-success,
1000 .pagelayer-badge-success,
1001 .pagelayer-progress-success{
1002 color: #fff;
1003 background-color: #28a745 !important;
1004 }
1005
1006 .pagelayer-btn-success:hover{
1007 color: #ffffff !important;
1008 background-color: #218838 !important;
1009 }
1010
1011 .pagelayer-btn-info,
1012 .pagelayer-badge-info,
1013 .pagelayer-progress-info{
1014 color: #ffffff !important;
1015 background-color: #17a2b8 !important;
1016 }
1017
1018 .pagelayer-btn-info:hover{
1019 color: #ffffff !important;
1020 background-color: #138496 !important;
1021 }
1022
1023 .pagelayer-btn-warning,
1024 .pagelayer-badge-warning,
1025 .pagelayer-progress-warning{
1026 color: #212529 !important;
1027 background-color: #ffc107 !important;
1028 }
1029
1030 .pagelayer-btn-warning:hover{
1031 color: #212529 !important;
1032 background-color: #e0a800 !important;
1033 }
1034
1035 .pagelayer-btn-danger,
1036 .pagelayer-badge-danger,
1037 .pagelayer-progress-danger{
1038 color: #ffffff !important;
1039 background-color: #dc3545 !important;
1040 }
1041
1042 .pagelayer-btn-danger:hover{
1043 color: #ffffff !important;
1044 background-color: #c82333 !important;
1045 }
1046
1047 .pagelayer-btn-dark,
1048 .pagelayer-badge-dark,
1049 .pagelayer-progress-dark{
1050 color: #ffffff !important;
1051 background-color: #343a40 !important;
1052 }
1053
1054 .pagelayer-btn-dark:hover{
1055 color: #ffffff !important;
1056 background-color: #23272b !important;
1057 }
1058
1059 .pagelayer-btn-light,
1060 .pagelayer-badge-light,
1061 .pagelayer-progress-light{
1062 color: #212529 !important;
1063 background-color: #f8f9fa !important;
1064 }
1065
1066 .pagelayer-btn-light:hover{
1067 color: #212529 !important;
1068 background-color: #e2e6ea !important;
1069 }
1070
1071 .pagelayer-btn-link{
1072 color: #007bff !important;
1073 }
1074
1075 .pagelayer-btn-link:hover{
1076 text-decoration: underline !important;
1077 }
1078
1079 .pagelayer-btn-default:hover{
1080 color:#ffffff;
1081 }
1082
1083 .pagelayer-btn-mini{
1084 font-size: 14px;
1085 padding: 10px 20px;
1086 }
1087
1088 .pagelayer-btn-small{
1089 font-size: 16px;
1090 padding: 15px 30px;
1091 }
1092
1093 .pagelayer-btn-large{
1094 font-size: 18px;
1095 padding: 20px 40px;
1096 }
1097
1098 .pagelayer-btn-extra-large{
1099 font-size: 20px;
1100 padding: 25px 50px;
1101 }
1102
1103 .pagelayer-btn-double-large{
1104 font-size: 22px;
1105 padding: 30px 60px;
1106 }
1107
1108 .pagelayer-btn-icon-left .pagelayer-btn-icon:last-child{
1109 display: none;
1110 }
1111
1112 .pagelayer-btn-icon-right .pagelayer-btn-icon:first-child{
1113 display: none;
1114 }
1115
1116 .pagelayer-btn-icon-left .pagelayer-btn-icon{
1117 padding-left:0 !important;
1118 }
1119
1120 .pagelayer-btn-icon-right .pagelayer-btn-icon{
1121 padding-right:0 !important;
1122 }
1123
1124 /* Button widget end */
1125
1126 /* Social Profile */
1127 .pagelayer-icon-holder[class*="pagelayer-facebook"] .pagelayer-social-fa{
1128 color:#3B5998;
1129 }
1130
1131 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-facebook"],
1132 .pagelayer-share-content[class*="pagelayer-facebook"]{
1133 background-color:#3B5998;
1134 color:#3B5998;
1135 }
1136
1137 .pagelayer-icon-holder[class*="pagelayer-twitter"] .pagelayer-social-fa{
1138 color:#1DA1F2;
1139 }
1140
1141 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-twitter"],
1142 .pagelayer-share-content[class*="pagelayer-twitter"]{
1143 background-color:#1DA1F2;
1144 color:#1DA1F2;
1145 }
1146
1147 .pagelayer-icon-holder[class*="pagelayer-android"] .pagelayer-social-fa{
1148 color:#A4C639
1149 }
1150
1151 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-android"],
1152 .pagelayer-share_grp[class*="pagelayer-social-shape"] .pagelayer-share-content[class*="pagelayer-android"]{
1153 background-color:#A4C639;
1154 }
1155
1156 .pagelayer-icon-holder[class*="pagelayer-google-plus"] .pagelayer-social-fa{
1157 color:#DD4B39
1158 }
1159
1160 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-google-plus"],
1161 .pagelayer-share-content[class*="pagelayer-google-plus"]{
1162 background-color:#DD4B39;
1163 color:#DD4B39;
1164 }
1165
1166 .pagelayer-icon-holder[class*="pagelayer-instagram"] .pagelayer-social-fa{
1167 color:#262626;
1168 }
1169
1170 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-instagram"],
1171 .pagelayer-share-content[class*="pagelayer-instagram"]{
1172 background-color:#1DA1F2;
1173 color:#262626;
1174 }
1175
1176 .pagelayer-icon-holder[class*="pagelayer-linkedin"] .pagelayer-social-fa{
1177 color:#0077B5;
1178 }
1179
1180 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-linkedin"],
1181 .pagelayer-share-content[class*="pagelayer-linkedin"]{
1182 background-color:#0077B5;
1183 color:#0077B5;
1184 }
1185
1186 .pagelayer-icon-holder[class*="pagelayer-behance"] .pagelayer-social-fa{
1187 color:#053eff;
1188 }
1189
1190 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-behance"],
1191 .pagelayer-share-content[class*="pagelayer-behance"]{
1192 background-color:#053eff;
1193 color:#053eff;
1194 }
1195
1196 .pagelayer-icon-holder[class*="pagelayer-pinterest"] .pagelayer-social-fa{
1197 color:#c8232c;
1198 }
1199
1200 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-pinterest"],
1201 .pagelayer-share-content[class*="pagelayer-pinterest"]{
1202 background-color:#c8232c;
1203 color:#c8232c;
1204 }
1205
1206 .pagelayer-icon-holder[class*="pagelayer-reddit"] .pagelayer-social-fa{
1207 color:#ff4301;
1208 }
1209
1210 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-reddit"],
1211 .pagelayer-share-content[class*="pagelayer-reddit"]{
1212 background-color:#ff4301;
1213 color:#ff4301;
1214 }
1215
1216 .pagelayer-icon-holder[class*="pagelayer-rss"] .pagelayer-social-fa{
1217 color:#F26522;
1218 }
1219
1220 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-rss"],
1221 .pagelayer-share-content[class*="pagelayer-rss"]{
1222 background-color:#F26522;
1223 color:#F26522;
1224 }
1225
1226 .pagelayer-icon-holder[class*="pagelayer-skype"] .pagelayer-social-fa{
1227 color:#00aff0;
1228 }
1229
1230 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-skype"],
1231 .pagelayer-share-content[class*="pagelayer-skype"]{
1232 background-color:#00aff0;
1233 color:#00aff0;
1234 }
1235
1236 .pagelayer-icon-holder[class*="pagelayer-slideshare"] .pagelayer-social-fa{
1237 color:#0077b5;
1238 }
1239
1240 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-slideshare"],
1241 .pagelayer-share-content[class*="pagelayer-slideshare"]{
1242 background-color:#0077b5;
1243 color:#0077b5;
1244 }
1245
1246 .pagelayer-icon-holder[class*="pagelayer-snapchat"] .pagelayer-social-fa{
1247 color:#fffc00;
1248 }
1249
1250 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-snapchat"],
1251 .pagelayer-share-content[class*="pagelayer-snapchat"]{
1252 background-color:#fffc00;
1253 color:#fffc00;
1254 }
1255
1256 .pagelayer-icon-holder[class*="pagelayer-soundcloud"] .pagelayer-social-fa{
1257 color:#ff8800;
1258 }
1259
1260 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-soundcloud"],
1261 .pagelayer-share-content[class*="pagelayer-soundcloud"]{
1262 background-color:#ff8800;
1263 color:#ff8800;
1264 }
1265
1266 .pagelayer-icon-holder[class*="pagelayer-spotify"] .pagelayer-social-fa{
1267 color:#1ED760;
1268 }
1269
1270 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-spotify"],
1271 .pagelayer-share-content[class*="pagelayer-spotify"]{
1272 background-color:#1ED760;
1273 color:#1ED760;
1274 }
1275
1276 .pagelayer-icon-holder[class*="pagelayer-stack-overflow"] .pagelayer-social-fa{
1277 color:#F48024;
1278 }
1279
1280 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-stack-overflow"],
1281 .pagelayer-share-content[class*="pagelayer-stack-overflow"]{
1282 background-color:#F48024;
1283 color:#F48024;
1284 }
1285
1286 .pagelayer-icon-holder[class*="pagelayer-steam"] .pagelayer-social-fa{
1287 color:#00adee;
1288 }
1289
1290 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-steam"],
1291 .pagelayer-share-content[class*="pagelayer-steam"]{
1292 background-color:#00adee;
1293 color:#00adee;
1294 }
1295
1296 .pagelayer-icon-holder[class*="pagelayer-stumbleupon"] .pagelayer-social-fa{
1297 color:#EB4924;
1298 }
1299
1300 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-stumbleupon"],
1301 .pagelayer-share-content[class*="pagelayer-stumbleupon"]{
1302 background-color:#EB4924;
1303 color:#EB4924;
1304 }
1305
1306 .pagelayer-icon-holder[class*="pagelayer-telegram"] .pagelayer-social-fa{
1307 color:#0088cc;
1308 }
1309
1310 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-telegram"],
1311 .pagelayer-share-content[class*="pagelayer-telegram"]{
1312 background-color:#0088cc;
1313 color:#0088cc;
1314 }
1315
1316 .pagelayer-icon-holder[class*="pagelayer-thumb-tack"] .pagelayer-social-fa{
1317 color:#1AA1D8;
1318 }
1319
1320 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-thumb-tack"],
1321 .pagelayer-share-content[class*="pagelayer-thumb-tack"]{
1322 background-color:#1AA1D8;
1323 color:#1AA1D8;
1324 }
1325
1326 .pagelayer-icon-holder[class*="pagelayer-tripadvisor"] .pagelayer-social-fa{
1327 color:#00af87;
1328 }
1329
1330 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-tripadvisor"],
1331 .pagelayer-share-content[class*="pagelayer-tripadvisor"]{
1332 background-color:#00af87;
1333 color:#00af87;
1334 }
1335
1336 .pagelayer-icon-holder[class*="pagelayer-tumblr"] .pagelayer-social-fa{
1337 color:#001935;
1338 }
1339
1340 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-tumblr"],
1341 .pagelayer-share-content[class*="pagelayer-tumblr"]{
1342 background-color:#001935;
1343 color:#001935;
1344 }
1345
1346 .pagelayer-icon-holder[class*="pagelayer-twitch"] .pagelayer-social-fa{
1347 color:#6441a5;
1348 }
1349
1350 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-twitch"],
1351 .pagelayer-share-content[class*="pagelayer-twitch"]{
1352 background-color:#6441a5;
1353 color:#6441a5;
1354 }
1355
1356 .pagelayer-icon-holder[class*="pagelayer-vimeo"] .pagelayer-social-fa{
1357 color:#1CB7EA;
1358 }
1359
1360 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-vimeo"],
1361 .pagelayer-share-content[class*="pagelayer-vimeo"]{
1362 background-color:#1CB7EA;
1363 color:#1CB7EA;
1364 }
1365
1366 .pagelayer-icon-holder[class*="pagelayer-vk"] .pagelayer-social-fa{
1367 color:#4C75A3;
1368 }
1369
1370 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-vk"],
1371 .pagelayer-share-content[class*="pagelayer-vk"]{
1372 background-color:#4C75A3;
1373 color:#4C75A3;
1374 }
1375
1376 .pagelayer-icon-holder[class*="pagelayer-weibo"] .pagelayer-social-fa{
1377 color:#DF2029;
1378 }
1379
1380 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-weibo"],
1381 .pagelayer-share-content[class*="pagelayer-weibo"]{
1382 background-color:#DF2029;
1383 color:#DF2029;
1384 }
1385
1386 .pagelayer-icon-holder[class*="pagelayer-weixin"] .pagelayer-social-fa{
1387 color:#7bb32e;
1388 }
1389
1390 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-weixin"],
1391 .pagelayer-share-content[class*="pagelayer-weixin"]{
1392 background-color:#7bb32e;
1393 color:#7bb32e;
1394 }
1395
1396 .pagelayer-icon-holder[class*="pagelayer-whatsapp"] .pagelayer-social-fa{
1397 color:#25D366;
1398 }
1399
1400 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-whatsapp"],
1401 .pagelayer-share-content[class*="pagelayer-whatsapp"]{
1402 background-color:#25D366;
1403 color:#25D366;
1404 }
1405
1406 .pagelayer-icon-holder[class*="pagelayer-wordpress"] .pagelayer-social-fa{
1407 color:#21759b;
1408 }
1409
1410 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-wordpress"],
1411 .pagelayer-share-content[class*="pagelayer-wordpress"]{
1412 background-color:#21759b;
1413 color:#21759b;
1414 }
1415
1416 .pagelayer-icon-holder[class*="pagelayer-xing"] .pagelayer-social-fa{
1417 color:#026466;
1418 }
1419
1420 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-xing"],
1421 .pagelayer-share-content[class*="pagelayer-xing"]{
1422 background-color:#026466;
1423 color:#026466;
1424 }
1425
1426 .pagelayer-icon-holder[class*="pagelayer-yelp"] .pagelayer-social-fa{
1427 color:#af0606;
1428 }
1429
1430 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-yelp"],
1431 .pagelayer-share-content[class*="pagelayer-yelp"]{
1432 background-color:#af0606;
1433 color:#af0606;
1434 }
1435
1436 .pagelayer-icon-holder[class*="pagelayer-youtube"] .pagelayer-social-fa{
1437 color:#ff0000;
1438 }
1439
1440 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-youtube"],
1441 .pagelayer-share-content[class*="pagelayer-youtube"]{
1442 background-color:#ff0000;
1443 color:#ff0000;
1444 }
1445
1446 .pagelayer-icon-holder[class*="pagelayer-500px"] .pagelayer-social-fa{
1447 color:#0099e5;
1448 }
1449
1450 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-500px"],
1451 .pagelayer-share-content[class*="pagelayer-500px"]{
1452 background-color:#0099e5;
1453 color:#0099e5;
1454 }
1455
1456 .pagelayer-icon-holder[class*="pagelayer-flickr"] .pagelayer-social-fa{
1457 color:#0063dc;
1458 }
1459
1460 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-flickr"],
1461 .pagelayer-share-content[class*="pagelayer-flickr"]{
1462 background-color:#0063dc;
1463 color:#0063dc;
1464 }
1465
1466 .pagelayer-icon-holder[class*="pagelayer-github"] .pagelayer-social-fa{
1467 color:#4078c0;
1468 }
1469
1470 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-github"],
1471 .pagelayer-share-content[class*="pagelayer-github"]{
1472 background-color:#4078c0;
1473 color:#4078c0;
1474 }
1475
1476 .pagelayer-icon-holder[class*="pagelayer-gitlab"] .pagelayer-social-fa{
1477 color:#fca326;
1478 }
1479
1480 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-gitlab"],
1481 .pagelayer-share-content[class*="pagelayer-gitlab"]{
1482 background-color:#fca326;
1483 color:#fca326;
1484 }
1485
1486 .pagelayer-icon-holder[class*="pagelayer-apple"] .pagelayer-social-fa{
1487 color:#999999;
1488 }
1489
1490 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-apple"],
1491 .pagelayer-share-content[class*="pagelayer-apple"]{
1492 background-color:#999999;
1493 color:#999999;
1494 }
1495
1496 .pagelayer-icon-holder[class*="pagelayer-jsfiddle"] .pagelayer-social-fa{
1497 color:#0084FF;
1498 }
1499
1500 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-jsfiddle"],
1501 .pagelayer-share-content[class*="pagelayer-jsfiddle"]{
1502 background-color:#0084FF;
1503 color:#0084FF;
1504 }
1505
1506 .pagelayer-icon-holder[class*="pagelayer-houzz"] .pagelayer-social-fa{
1507 color:#7ac142;
1508 }
1509
1510 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-houzz"],
1511 .pagelayer-share-content[class*="pagelayer-houzz"]{
1512 background-color:#7ac142;
1513 color:#7ac142;
1514 }
1515
1516 .pagelayer-icon-holder[class*="pagelayer-bitbucket"] .pagelayer-social-fa{
1517 color:#205081;
1518 }
1519
1520 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-bitbucket"],
1521 .pagelayer-share-content[class*="pagelayer-bitbucket"]{
1522 background-color:#205081;
1523 color:#205081;
1524 }
1525
1526 .pagelayer-icon-holder[class*="pagelayer-codepen"] .pagelayer-social-fa{
1527 color:#0ebeff;
1528 }
1529
1530 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-codepen"],
1531 .pagelayer-share-content[class*="pagelayer-codepen"]{
1532 background-color:#0ebeff;
1533 color:#0ebeff;
1534 }
1535
1536 .pagelayer-icon-holder[class*="pagelayer-delicious"] .pagelayer-social-fa{
1537 color:#3399ff;
1538 }
1539
1540 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-delicious"],
1541 .pagelayer-share-content[class*="pagelayer-delicious"]{
1542 background-color:#3399ff;
1543 color:#3399ff;
1544 }
1545
1546 .pagelayer-icon-holder[class*="pagelayer-medium"] .pagelayer-social-fa{
1547 color:#00ab6c;
1548 }
1549
1550 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-medium"],
1551 .pagelayer-share-content[class*="pagelayer-medium"]{
1552 background-color:#00ab6c;
1553 color:#00ab6c;
1554 }
1555
1556 .pagelayer-icon-holder[class*="pagelayer-meetup"] .pagelayer-social-fa{
1557 color:#e0393e;
1558 }
1559
1560 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-meetup"],
1561 .pagelayer-share-content[class*="pagelayer-meetup"]{
1562 background-color:#e0393e;
1563 color:#e0393e;
1564 }
1565
1566 .pagelayer-icon-holder[class*="pagelayer-mixcloud"] .pagelayer-social-fa{
1567 color:#52aad8;
1568 }
1569
1570 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-mixcloud"],
1571 .pagelayer-share-content[class*="pagelayer-mixcloud"]{
1572 background-color:#52aad8;
1573 color:#52aad8;
1574 }
1575
1576 .pagelayer-icon-holder[class*="pagelayer-dribbble"] .pagelayer-social-fa{
1577 color:#444444;
1578 }
1579
1580 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-dribbble"],
1581 .pagelayer-share-content[class*="pagelayer-dribbble"]{
1582 background-color:#444444;
1583 color:#444444;
1584 }
1585
1586 .pagelayer-icon-holder[class*="pagelayer-foursquare"] .pagelayer-social-fa{
1587 color:#f94877;
1588 }
1589
1590 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-foursquare"],
1591 .pagelayer-share-content[class*="pagelayer-foursquare"]{
1592 background-color:#f94877;
1593 color:#f94877;
1594 }
1595
1596 .pagelayer-share_grp .pagelayer-social-fa,
1597 .pagelayer-share_grp .pagelayer-social-fa:before{
1598 position: absolute;
1599 top: 50%;
1600 left: 50%;
1601 transform: translate(-50% , -50%);
1602 }
1603 .pagelayer-share_grp{
1604 font-size: 0;
1605 }
1606 .pagelayer-share_grp > div{
1607 display: inline-block;
1608 }
1609
1610 .pagelayer-share_grp .pagelayer-social-fa{
1611 height:1em;
1612 width:1em;
1613 }
1614
1615 .pagelayer-share_grp .pagelayer-icon-holder{
1616 position: relative;
1617 min-height: 1em;
1618 min-width: 1em;
1619 }
1620
1621 .pagelayer-share-content .pagelayer-social-fa,
1622 .pagelayer-share-content span{
1623 color: inherit;
1624 }
1625
1626 .pagelayer-share_grp.pagelayer-social-bg-none .pagelayer-share-content,
1627 .pagelayer-share_grp.pagelayer-social-outline-border .pagelayer-share-content{
1628 background-color:unset;
1629 }
1630
1631 .pagelayer-share_grp.pagelayer-social-outline-border .pagelayer-share-content{
1632 border:2px solid;
1633 }
1634
1635 .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-social-fa,
1636 .pagelayer-share_grp[class*="pagelayer-social-shape"] .pagelayer-social-fa,
1637 .pagelayer-share_grp[class*="pagelayer-social-shape"] .pagelayer-icon-name span{
1638 color: #ffffff;
1639 }
1640
1641 .pagelayer-social_grp .pagelayer-icon-holder{
1642 display:inline-block;
1643 line-height: 100%;
1644 }
1645
1646 .pagelayer-share-content,
1647 .pagelayer-share-content .pagelayer-icon-name{
1648 display:flex;
1649 }
1650
1651 .pagelayer-share-content .pagelayer-icon-name{
1652 align-items:center;
1653 }
1654
1655 .pagelayer-social-shape-circle .pagelayer-share-content{
1656 border-radius:100000px;
1657 }
1658
1659 .pagelayer-icon-name span{
1660 padding:0 20px 0 5px;
1661 }
1662
1663 .pagelayer-share-buttons{
1664 position:relative;
1665 border-radius: inherit;
1666 }
1667
1668 .pagelayer-social-shape-boxed .pagelayer-share-buttons:before{
1669 content: "";
1670 position: absolute;
1671 width: 100%;
1672 height: 100%;
1673 background: rgba(0,0,0,0.15);
1674 border-top-left-radius: inherit;
1675 border-bottom-left-radius: inherit;
1676 left: 0;
1677 }
1678
1679 .pagelayer-share_grp .pagelayer-icon-name span,
1680 .pagelayer-share_grp .pagelayer-icon-holder{
1681 display:none;
1682 }
1683
1684 .pagelayer-share-type-icon .pagelayer-icon-holder,
1685 .pagelayer-share-type-icon-label .pagelayer-icon-holder,
1686 .pagelayer-share-type-label .pagelayer-icon-name span,
1687 .pagelayer-share-type-icon-label .pagelayer-icon-name span{
1688 display:block;
1689 }
1690
1691 /* Social Profile end */
1692
1693 .pagelayer-list-icon-holder{
1694 display: -webkit-box;
1695 display: -webkit-flex;
1696 display: -ms-flexbox;
1697 display: flex;
1698 -webkit-box-align: start;
1699 -webkit-align-items: flex-start;
1700 -ms-flex-align: start;
1701 align-items: flex-start;
1702 }
1703
1704 .pagelayer-list-icon,
1705 .pagelayer-list-item{
1706 -webkit-align-self: center;
1707 -ms-flex-item-align: center;
1708 align-self: center;
1709 }
1710
1711 .pagelayer-list-item{
1712 width:100%;
1713 }
1714
1715 .pagelayer-list-ul{
1716 margin:0;
1717 padding:0;
1718 }
1719
1720 /* Video */
1721
1722 .pagelayer-video .pagelayer-video-holder{
1723 position:relative;
1724 width: 100%;
1725 height: 100%;
1726 overflow: hidden;
1727 }
1728
1729 .pagelayer-video-iframe{
1730 position:absolute;
1731 width:100%;
1732 height:100%;
1733 top:0;
1734 left:0;
1735 }
1736
1737 .pagelayer-video-aspect-1-1{
1738 padding-top:100%;
1739 }
1740
1741 .pagelayer-video-aspect-3-2{
1742 padding-top:66.66%;
1743 }
1744
1745 .pagelayer-video-aspect-4-3{
1746 padding-top: 75%;
1747 }
1748
1749 .pagelayer-video-aspect-8-5{
1750 padding-top:62.5%;
1751 }
1752
1753 .pagelayer-video-aspect-16-9{
1754 padding-top: 56.25%;
1755 }
1756
1757 .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;
1766 }
1767
1768 .pagelayer-video .pagelayer-video-holder a{
1769 position:absolute;
1770 top:0;
1771 left:0;
1772 right:0;
1773 bottom:0;
1774 }
1775
1776 .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%);
1783 }
1784 /* Video end */
1785
1786 /** Image **/
1787
1788 .pagelayer-image, .pagelayer-image .pagelayer-image-holder{
1789 position: relative;
1790 }
1791
1792 .pagelayer-image-link{
1793 text-decoration:none;
1794 cursor: pointer;
1795 }
1796
1797 .pagelayer-image-caption{
1798 margin-bottom: unset;
1799 }
1800
1801 .pagelayer-image-overlay{
1802 position: absolute;
1803 width: 100%;
1804 top: 0;
1805 height: 100%;
1806 left: 0;
1807 opacity:0;
1808 overflow:auto;
1809 transition: .5s ease;
1810 }
1811
1812 .pagelayer-image:hover .pagelayer-image-overlay{
1813 opacity:1;
1814 }
1815
1816 .pagelayer-image .pagelayer-image-overlay .pagelayer-image-overlay-content{
1817 width:100%;
1818 }
1819
1820 .pagelayer-image *{
1821 border-radius:inherit;
1822 }
1823
1824 /** Image End **/
1825
1826 .pagelayer-button {
1827 text-align: center
1828 }
1829
1830 .pagelayer-button i{
1831 padding: 0 3px;
1832 }
1833
1834 .pagelayer-audio-container audio{
1835 width:100%;
1836 }
1837
1838 .pagelayer-testimonial-avatar img{
1839 border: 1px solid #eee;
1840 border-radius: 50%;
1841 margin-right: 10px;
1842 }
1843
1844 .pagelayer-alignment-center{
1845 text-align: center;
1846 }
1847
1848 .pagelayer-alignment-left{
1849 text-align: left;
1850 }
1851
1852 .pagelayer-alignment-right{
1853 text-align: right;
1854 }
1855
1856 /* Testimonial */
1857 .pagelayer-testimonial{
1858 padding:0.4em 0.8em;
1859 line-height: normal;
1860 }
1861
1862 .pagelayer-testimonial-image{
1863 -o-object-fit: cover;
1864 object-fit: cover;
1865 display: unset !important;
1866 }
1867
1868 .pagelayer-testimonial-square{
1869 border-radius:0px;
1870 }
1871
1872 .pagelayer-testimonial-circle{
1873 border-radius:50%;
1874 }
1875
1876 .pagelayer-aside-position{
1877 display:inline-block;
1878 vertical-align: middle;
1879 }
1880
1881 .pagelayer-aside-position .pagelayer-testimonial-cite{
1882 text-align: left;
1883 }
1884 .pagelayer-top-position, .pagelayer-testimonial-author{
1885 display:block;
1886 }
1887
1888 .pagelayer-aside-position .pagelayer-testimonial-author{
1889 position: relative;
1890 }
1891
1892 .pagelayer-testimonial-container .pagelayer-testimonial-avatar,
1893 .pagelayer-testimonial-container .pagelayer-testimonial-details{
1894 display: table-cell;
1895 vertical-align: middle;
1896 }
1897
1898 .pagelayer-testimonial-designation{
1899 color: #999;
1900 font-size: 12px;
1901 }
1902
1903 /* Testimonial End */
1904
1905 /* Progress bar */
1906 .pagelayer-progress-container{
1907 background-color:#eeeeee;
1908 }
1909
1910 .pagelayer-progress-bar{
1911 overflow:hidden;
1912 }
1913
1914 .pagelayer-progress-percent{
1915 float:right;
1916 padding-right:10px;
1917 }
1918
1919 .pagelayer-progress-text{
1920 float:left;
1921 padding-left:10px;
1922 }
1923
1924 /*Progress bar end*/
1925
1926 /*Stars widget start*/
1927
1928 .pagelayer-stars > *{
1929 vertical-align:middle;
1930 }
1931 .pagelayer-stars-container{
1932 text-align:center;
1933 color: #ccd6df;
1934 font-family:"FontAwesome";
1935 display: inline-block;
1936 position: relative;
1937 border-color: 1px solid #ccd6df;
1938 }
1939
1940 .pagelayer-stars-container .pagelayer-stars-icon{
1941 position: relative;
1942 display:inline-block;
1943 }
1944
1945 .pagelayer-stars-container .pagelayer-stars-icon:before{
1946 content: "\f005";
1947 font-size: inherit;
1948 font-family: inherit;
1949 overflow: hidden;
1950 color: #f0ad4e;
1951 position:absolute;
1952 top:0;
1953 left:0;
1954 }
1955
1956 .pagelayer-stars-icon.pagelayer-stars-empty:before{
1957 width:0em;
1958 }
1959
1960 .pagelayer-stars-icon.pagelayer-stars-1:before{
1961 width:0.1em;
1962 }
1963
1964 .pagelayer-stars-icon.pagelayer-stars-2:before{
1965 width:0.2em;
1966 }
1967
1968 .pagelayer-stars-icon.pagelayer-stars-3:before{
1969 width:0.3em;
1970 }
1971
1972 .pagelayer-stars-icon.pagelayer-stars-4:before{
1973 width:0.4em;
1974 }
1975
1976 .pagelayer-stars-icon.pagelayer-stars-5:before{
1977 width:0.5em;
1978 }
1979
1980 .pagelayer-stars-icon.pagelayer-stars-6:before{
1981 width:0.6em;
1982 }
1983
1984 .pagelayer-stars-icon.pagelayer-stars-7:before{
1985 width:0.7em;
1986 }
1987
1988 .pagelayer-stars-icon.pagelayer-stars-8:before{
1989 width:0.8em;
1990 }
1991
1992 .pagelayer-stars-icon.pagelayer-stars-9:before{
1993 width:0.9em;
1994 }
1995
1996 .pagelayer-stars-icon.pagelayer-stars-full:before{
1997 width:1em;
1998 }
1999 /*Stars widget end*/
2000
2001 /* Site Title Start */
2002 .pagelayer-wp-title-align-top{
2003 display:block;
2004 text-align: center;
2005 }
2006
2007 .pagelayer-wp-title-heading{
2008 padding:5px 20px;
2009 font-size: 20px;
2010 font-weight: 500;
2011 text-decoration-style: solid !important;
2012 margin: 0px;
2013 transition: all 400ms;
2014 }
2015
2016 .pagelayer-wp-title-img{
2017 box-shadow: none !important;
2018 }
2019
2020 .pagelayer-wp-title-align-left,
2021 .pagelayer-wp-title-align-right{
2022 display: flex;
2023 }
2024
2025 .pagelayer-wp-title-align-right{
2026 text-align: right;
2027 -webkit-box-orient: horizontal;
2028 -webkit-box-direction: reverse;
2029 flex-direction: row-reverse;
2030 }
2031
2032 .pagelayer-wp-title-vertical-top{
2033 align-items: flex-start;
2034 -webkit-align-items: flex-start;
2035 -webkit-box-align: start;
2036 -ms-flex-align: start;
2037 }
2038
2039 .pagelayer-wp-title-vertical-middle{
2040 align-items: center;
2041 -webkit-align-items: center;
2042 -webkit-box-align: center;
2043 -ms-flex-align: center;
2044 }
2045
2046 .pagelayer-wp-title-vertical-bottom{
2047 align-items: flex-end;
2048 -webkit-align-items: flex-end;
2049 -webkit-box-align: end;
2050 -ms-flex-align: end;
2051 }
2052
2053 .pagelayer-wp-title-section .pagelayer-wp-title-link{
2054 text-decoration: none !important;
2055 }
2056 /* Site title End */
2057
2058 /*pricing plans*/
2059 .pagelayer-pricing{
2060 text-align:center;
2061 border:2px solid #e8e3e3;
2062 border-radius:6px;
2063 }
2064
2065 .pagelayer-pricing-rate-section{
2066 padding:20px;
2067 }
2068
2069 .pagelayer-pricing-details h1,
2070 .pagelayer-pricing-details h2,
2071 .pagelayer-pricing-details h3,
2072 .pagelayer-pricing-details h4,
2073 .pagelayer-pricing-details h5{
2074 margin:10px 0px; padding:0px;
2075 }
2076
2077 .pagelayer-pricing-details{
2078 position: relative;
2079 background-color:#1e1558;
2080 border-top-left-radius: inherit;
2081 border-top-right-radius: inherit;
2082 }
2083
2084 .pagelayer-pricing-details .pagelayer-pricing-type{
2085 text-transform: uppercase;
2086 }
2087
2088 .pagelayer-pricing-sub-title{
2089 font-weight: normal;
2090 }
2091
2092 .pagelayer-pricing-details .pagelayer-pricing-price{
2093 font-weight:800;
2094 }
2095
2096 .pagelayer-pricing-price.pagelayer-pricing-original{
2097 display:none;
2098 text-decoration: line-through;
2099 margin-right: 10px;
2100 }
2101
2102 h2.pagelayer-pricing-price{
2103 display:inline-block;
2104 margin:5px 0px;
2105 }
2106
2107 .pagelayer-pricing-details{
2108 font-size:15px;
2109 }
2110
2111 .pagelayer-pricing-duration{
2112 font-size:15px;
2113 margin:0px;
2114 }
2115
2116 .pagelayer-pricing-features{
2117 padding:20px;
2118 border-bottom-left-radius: inherit;
2119 border-bottom-right-radius: inherit;
2120 }
2121
2122 .pagelayer-pricing-features .pagelayer-pricing-ul{
2123 padding:0px;
2124 }
2125
2126 .pagelayer-pricing-ul li{
2127 display: inline-block;
2128 list-style-type: none;
2129 padding:5px 0px;
2130 }
2131
2132 .pagelayer-pricing-ul .pagelayer-list_item:after{
2133 border-bottom:2px solid #c5c5c5;
2134 margin-top: 5px;
2135 }
2136
2137 .pagelayer-list-li span i{
2138 margin-right:5px;
2139 }
2140
2141 .pagelayer-pricing-btn{
2142 display: inline-block;
2143 }
2144
2145 .pagelayer-pricing-additional{
2146 margin:20px 0px 0px;
2147 }
2148
2149 .pagelayer-pricing-ribbon-container{
2150 position: absolute;
2151 top: 0;
2152 left: auto;
2153 right: 0;
2154 transform: rotate(90deg);
2155 width: 150px;
2156 overflow: hidden;
2157 height: 150px;
2158 }
2159
2160 .pagelayer-pricing-ribbon{
2161 display: none;
2162 width: 200%;
2163 background-color: #ce4210ff;
2164 position: absolute;
2165 left:0;
2166 text-align: center;
2167 line-height: 2;
2168 letter-spacing: 1px;
2169 color: #f0f0f0;
2170 margin-top: 40px;
2171 transform: translateY(-50%) translateX(-50%) translateX(50px) rotate(-45deg);
2172 }
2173
2174 .pagelayer-pricing-currency-top{
2175 vertical-align: top;
2176 }
2177
2178 .pagelayer-pricing-currency-middle{
2179 vertical-align: middle;
2180 }
2181
2182 .pagelayer-pricing-currency-bottom{
2183 vertical-align: bottom;
2184 }
2185
2186 /*pricing plans end*/
2187
2188 /* Quote */
2189
2190 .pagelayer-quotation-overlay{
2191 position: absolute;
2192 font-size: 70px;
2193 top: 0;
2194 }
2195
2196 /* Quote end */
2197
2198 .pagelayer-call-icon-section,
2199 .pagelayer-call-content-section,
2200 .pagelayer-call-button-section{
2201 display: table-cell;
2202 vertical-align: middle;
2203 }
2204
2205 .pagelayer-call-center{
2206 text-align: center;
2207 }
2208
2209 .pagelayer-call-center .pagelayer-call-icon-section,
2210 .pagelayer-call-center .pagelayer-call-content-section,
2211 .pagelayer-call-center .pagelayer-call-button-section{
2212 display: block;
2213 }
2214
2215 .pagelayer-call-3d{
2216 background: #eee;
2217 border-bottom: 5px solid #ddd;
2218 padding: 30px;
2219 }
2220
2221 .pagelayer-call-3d.pagelayer-call-left .pagelayer-call-icon-section{
2222 padding-right: 10px;
2223 }
2224
2225 .pagelayer-call-3d.pagelayer-call-left .pagelayer-call-content-section{
2226 padding-right: 20px
2227 }
2228
2229 .pagelayer-call-3d.pagelayer-call-center .pagelayer-call-icon-section{
2230 margin-bottom: 10px;
2231 }
2232
2233 .pagelayer-call-3d.pagelayer-call-center .pagelayer-call-content-section{
2234 margin-bottom: 20px;
2235 }
2236
2237 .pagelayer-call-3d .pagelayer-call-title{
2238 font-size: 26px;
2239 font-weight: 700;
2240 /* margin-bottom: 5px; */
2241 }
2242 .pagelayer-call-3d .pagelayer-call-subtitle{
2243 font-size: 18px;
2244 /* margin-bottom: 10px; */
2245 }
2246
2247 /* .pagelayer-call-3d .pagelayer-call-text{
2248 color: #777;
2249 } */
2250
2251 .pagelayer-call-left .pagelayer-call-button{
2252 display:flex;
2253 }
2254
2255 .pagelayer-button-mini{
2256 font-size: 13px;
2257 padding: 8px 12px;
2258 line-height: 13px;
2259 min-height: unset;
2260 }
2261
2262 .pagelayer-button-small{
2263 font-size: 15px;
2264 padding: 10px 18px;
2265 line-height: 15px;
2266 min-height: unset;
2267 }
2268
2269 .pagelayer-button-middle{
2270 font-size: 17px;
2271 padding: 14px 26px;
2272 line-height: 17px;
2273 min-height: unset;
2274 }
2275
2276 .pagelayer-button-large{
2277 font-size: 20px;
2278 padding: 18px 35px;
2279 line-height: 20px;
2280 min-height: unset;
2281 }
2282
2283
2284 .pagelayer-modal-content,
2285 .pagelayer-splash-container{
2286 display: none;
2287 position: fixed;
2288 padding: 50px;
2289 top: 0;
2290 left: 0;
2291 height: 100%;
2292 width: 100%;
2293 overflow: auto;
2294 color: #000;
2295 opacity: 1;
2296 z-index: 99999;
2297 }
2298
2299 .pagelayer-modal-bottom-content,
2300 .pagelayer-splash-bottom-content{
2301 padding: 50px;
2302 background-color: #fefefe;
2303 }
2304 .pagelayer-modal-body,
2305 .pagelayer-splash-body{
2306 position: absolute;
2307 margin: auto;
2308 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
2309 -webkit-animation-name: animatetop;
2310 -webkit-animation-duration: 0.4s;
2311 animation-name: animatetop;
2312 animation-duration: 0.4s;
2313 left: 50%;
2314 top: 50%;
2315 transform: translate(-50%, -50%);
2316 }
2317
2318 .pagelayer-btn-icon-left .pagelayer-icon-right{
2319 display: none;
2320 }
2321
2322 .pagelayer-btn-icon-right .pagelayer-icon-left{
2323 display: none;
2324 }
2325
2326 /* Add Animation */
2327 @-webkit-keyframes pagelayer-animatetop {
2328 from {top:-300px; opacity:0}
2329 to {top:0; opacity:1}
2330 }
2331
2332 @keyframes pagelayer-animatetop {
2333 from {top:-300px; opacity:0}
2334 to {top:0; opacity:1}
2335 }
2336
2337 .pagelayer-modal-close,
2338 .pagelayer-splash-close{
2339 position: absolute;
2340 right: 10px;
2341 top: 25px;
2342 color: #fff;
2343 font-size: 70px !important;
2344 cursor: pointer;
2345 }
2346
2347 .pagelayer-modal-close:before,
2348 .pagelayer-modal-close:after,
2349 .pagelayer-splash-close:before,
2350 .pagelayer-splash-close:after{
2351 position: absolute;
2352 top: 2px;
2353 right: 38px;
2354 content: ' ';
2355 width: 2px;
2356 background-color: #fff;
2357 }
2358
2359 .pagelayer-modal-close:before,
2360 .pagelayer-splash-close:before{
2361 -webkit-transform: rotate(45deg);
2362 -ms-transform: rotate(45deg);
2363 transform: rotate(45deg);
2364 }
2365
2366 .pagelayer-modal-close:after,
2367 .pagelayer-splash-close:after{
2368 -webkit-transform: rotate(-45deg);
2369 -ms-transform: rotate(-45deg);
2370 transform: rotate(-45deg);
2371 }
2372
2373 .pagelayer-modal-title,
2374 .pagelayer-splash-title{
2375 background-color: #3D54DF;
2376 color: #ffffff;
2377 }
2378
2379
2380 /* Countdown Start */
2381 .pagelayer-countdown-item{
2382 padding:20px 30px;
2383 text-align:center;
2384 }
2385
2386 .pagelayer-countdown-counter{
2387 display: flex;
2388 flex-wrap:wrap;
2389 justify-content: center;
2390 }
2391
2392 .pagelayer-countdown-days,
2393 .pagelayer-countdown-hours,
2394 .pagelayer-countdown-minutes,
2395 .pagelayer-countdown-seconds{
2396 display: inline-block;
2397 vertical-align: middle;
2398 background: #eee;
2399 margin: 0 5px 5px;
2400 flex:1;
2401 }
2402
2403 .pagelayer-countdown-days div,
2404 .pagelayer-countdown-hours div,
2405 .pagelayer-countdown-minutes div,
2406 .pagelayer-countdown-seconds div{
2407 /* display: inline-block; */
2408 line-height: 1;
2409 }
2410
2411 .pagelayer-countdown-inline .pagelayer-countdown-name{
2412 display:inline-block;
2413 }
2414
2415 .pagelayer-countdown-inline .pagelayer-countdown-count{
2416 display:inline-block;
2417 }
2418
2419 .pagelayer-countdown-expired{
2420 display:none;
2421 }
2422
2423 .pagelayer-countdown[pagelayer-a-display_expired_text="true"] .pagelayer-countdown-expired{
2424 display:block !important;
2425 }
2426
2427 .pagelayer-countdown[pagelayer-a-display_expired_text="true"] .pagelayer-countdown-counter{
2428 display:none !important;
2429 }
2430 /* Countdown End*/
2431
2432 #pagelayer-header-menu{
2433 display: inline-block;
2434 }
2435
2436
2437 /* splash style */
2438 .pagelayer-splash .pagelayer-splash-dark,
2439 .pagelayer-modal .pagelayer-modal-dark{
2440 background-color:#000000e0;
2441 }
2442
2443 .pagelayer-modal .pagelayer-modal-light,
2444 .pagelayer-splash .pagelayer-splash-light{
2445 background-color:#ffffffe0;
2446 }
2447
2448 .pagelayer-splash-light .pagelayer-splash-close::after,
2449 .pagelayer-splash-light .pagelayer-splash-close::before,
2450 .pagelayer-modal-light .pagelayer-modal-close::after,
2451 .pagelayer-modal-light .pagelayer-modal-close::before{
2452 background-color:#000000;
2453 }
2454
2455 .pagelayer-splash-dark .pagelayer-splash-close::after,
2456 .pagelayer-splash-dark .pagelayer-splash-close::before,
2457 .pagelayer-modal-dark .pagelayer-modal-close::after,
2458 .pagelayer-modal-dark .pagelayer-modal-close::before{
2459 background-color:#fff;
2460 }
2461
2462 .pagelayer-splash-content{
2463 padding:30px;
2464 }
2465
2466 /* splash style end */
2467
2468 .pagelayer-modal-close{
2469 z-index:999;
2470 }
2471
2472 /* Style the tab */
2473 .pagelayer-tabs-holder {
2474 overflow: hidden;
2475 }
2476
2477 /* Style the buttons inside the tab */
2478 .pagelayer-tabs-holder .pagelayer-tablinks {
2479 background-color: inherit;
2480 display:inline-block;
2481 border: none;
2482 outline: none;
2483 cursor: pointer;
2484 padding: 14px 16px;
2485 transition: 0.3s;
2486 font-size: 17px;
2487 color:#000000;
2488 }
2489
2490 /* Change background color of buttons on hover */
2491 .pagelayer-tabs-holder .pagelayer-tablinks:hover {
2492 background-color: #ddd;
2493 }
2494
2495 /* Create an active/current tablink class */
2496 .pagelayer-tabs-holder .pagelayer-tablinks.active {
2497 background-color: #ccc;
2498 }
2499
2500 /* Style the tab content */
2501 .pagelayer-tabs .pagelayer-tabcontainer [pagelayer-id] {
2502 display: none;
2503 padding: 6px 12px;
2504 border-top: none;
2505 }
2506 .pagelayer-tabs-holder .pagelayer-tablinks .fa{
2507 line-height:1.5;
2508 }
2509 /* Tabs style end */
2510
2511 /* Divider start */
2512 .pagelayer-divider-holder{
2513 line-height: 0;
2514 font-size: 0;
2515 }
2516 .pagelayer-divider-seperator{
2517 display: inline-block;
2518 }
2519 /* Divider end */
2520
2521 /* Counter style start*/
2522
2523 .pagelayer-counter{
2524 padding: 20px;
2525 }
2526
2527 .pagelayer-counter-content{
2528 line-height:1;
2529 }
2530
2531 /* Counter style end*/
2532
2533 /*Image Slider style start*/
2534 .pagelayer-image-slider-ul{
2535 display:none;
2536 padding:0;
2537 margin:0;
2538 list-style: none;
2539 }
2540
2541 .pagelayer-image-slider-ul[pagelayer-setup]{
2542 display:block;
2543 }
2544 /*Image Slider style End*/
2545
2546 /*Google Maps start*/
2547 .pagelayer-google-maps-holder iframe{
2548 margin:0px;
2549 width:100%;
2550 height:100%;
2551 }
2552
2553 /* accordion style */
2554
2555 .pagelayer-accordion-tabs {
2556 cursor: pointer;
2557 padding: 15px;
2558 width: 100%;
2559 text-align: left;
2560 display:inline-block;
2561 text-decoration:none !important;
2562 }
2563
2564 .pagelayer-accordion-panel {
2565 padding: 0 18px;
2566 display: none;
2567 overflow: hidden;
2568 }
2569
2570 /* accordion style end */
2571
2572 /* Alert Box style start */
2573 .pagelayer-alert{
2574 position: relative;
2575 border: 1px solid transparent;
2576 border-radius:5px;
2577 padding:15px 20px;
2578 }
2579
2580 .pagelayer-alert-title{
2581 display:inline-block;
2582 }
2583
2584 .pagelayer-alert-icon,
2585 .pagelayer-alert-title{
2586 vertical-align: middle;
2587 }
2588
2589 .pagelayer-alert-primary{
2590 color: #004085;
2591 background-color: #cce5ff;
2592 border-color: #b8daff;
2593 }
2594
2595 .pagelayer-alert-secondary{
2596 color: #383d41;
2597 background-color: #e2e3e5;
2598 border-color: #d6d8db;
2599 }
2600
2601 .pagelayer-alert-success{
2602 color: #155724;
2603 background-color: #d4edda;
2604 border-color: #c3e6cb;
2605 }
2606
2607 .pagelayer-alert-info{
2608 color: #0c5460;
2609 background-color: #d1ecf1;
2610 border-color: #bee5eb;
2611 }
2612
2613 .pagelayer-alert-warning{
2614 color: #856404;
2615 background-color: #fff3cd;
2616 border-color: #ffeeba;
2617 }
2618
2619 .pagelayer-alert-danger{
2620 color: #721c24;
2621 background-color: #f8d7da;
2622 border-color: #f5c6cb;
2623 }
2624
2625 .pagelayer-alert-dark{
2626 color: #1b1e21;
2627 background-color: #d6d8d9;
2628 border-color: #c6c8ca;
2629 }
2630
2631 .pagelayer-alert-primary-link {
2632 color: #002752;
2633 }
2634
2635 .pagelayer-alert-secondary-link{
2636 color: #202326;
2637 }
2638
2639 .pagelayer-alert-success-link{
2640 color: #0b2e13;
2641 }
2642
2643 .pagelayer-alert-danger-link{
2644 color: #491217;
2645 }
2646
2647 .pagelayer-alert-warning-link{
2648 color: #533f03;
2649 }
2650
2651 .pagelayer-alert-info-link{
2652 color: #062c33;
2653 }
2654
2655 .pagelayer-alert-secondary-link{
2656 color: #686868;
2657 }
2658
2659 .pagelayer-alert-secondary-link{
2660 color: #040505;
2661 }
2662
2663 .pagelayer-alert-success hr{
2664 background-color: #b1dfbb;
2665 }
2666
2667 .pagelayer-alert-primary hr{
2668 background-color: #9fcdff;
2669 }
2670
2671 .pagelayer-alert-secondary hr{
2672 background-color: #c8cbcf;
2673 }
2674
2675 .pagelayer-alert-info hr{
2676 background-color: #abdde5;
2677 }
2678
2679 .pagelayer-alert-warning hr{
2680 background-color: #ffe8a1;
2681 }
2682
2683 .pagelayer-alert-danger hr{
2684 background-color: #f1b0b7;
2685 }
2686
2687 .pagelayer-alert-dark hr{
2688 background-color: #b9bbbe;
2689 }
2690
2691 .pagelayer-alert-close {
2692 position: absolute;
2693 top: 0;
2694 right: 0;
2695 color: inherit;
2696 height: 100%;
2697 width:15px;
2698 background:rgba(3,3,3,0.1);
2699 cursor:pointer;
2700 }
2701
2702 .pagelayer-alert-close:before,
2703 .pagelayer-alert-close:after {
2704 position: absolute;
2705 left: 7px;
2706 content: ' ';
2707 height: 13px;
2708 width: 1px;
2709 background-color: #333;
2710 top: calc(50% - 6.5px);
2711 }
2712
2713 .pagelayer-alert-close:before {
2714 transform: rotate(45deg);
2715 }
2716
2717 .pagelayer-alert-close:after {
2718 transform: rotate(-45deg);
2719 }
2720
2721 /* Alert Box Style Ends */
2722
2723 /* Grid Gallery Style Start */
2724
2725 .pagelayer-grid-gallery-ul{
2726 display:block;
2727 list-style:none;
2728 padding:0;
2729 margin:0;
2730 }
2731
2732 .pagelayer-gallery-item{
2733 list-style:none;
2734 border: none;
2735 }
2736
2737 .pagelayer-gallery-item img{
2738 height: 100%;
2739 width: 100%;
2740 object-fit: cover;
2741 }
2742
2743 .pagelayer-grid-gallery-caption{
2744 display:block;
2745 }
2746
2747 /* Grid Gallery Style Ends */
2748
2749 .pagelayer-heading-holder *,
2750 .pagelayer-text-holder *{
2751 padding: 0;
2752 margin: 0;
2753 }
2754
2755 /* animation */
2756
2757 .animated.pagelayer-anim-fast{
2758 -webkit-animation-duration: 0.7s;
2759 animation-duration: 0.7s;
2760 }
2761
2762 .animated.pagelayer-anim-fastest{
2763 -webkit-animation-duration: 0.5s;
2764 animation-duration: 0.5s;
2765 }
2766
2767 .animated.pagelayer-anim-slow{
2768 -webkit-animation-duration: 1.5s;
2769 animation-duration: 1.5s;
2770 }
2771
2772 .animated.pagelayer-anim-slowest{
2773 -webkit-animation-duration: 2s;
2774 animation-duration: 2s;
2775 }
2776
2777 /* animation end */
2778
2779 .pagelayer-parallax-window{
2780 position: absolute;
2781 width: 100%;
2782 height: 100%;
2783 overflow: hidden;
2784 top: 0;
2785 left: 0;
2786 }
2787
2788 .pagelayer-parallax-window .simpleParallax{
2789 height:100%;
2790 }
2791
2792 .pagelayer-parallax-window img{
2793 max-width:unset;
2794 }
2795
2796 /* WooCommerce widget */
2797 .pagelayer-product-images-container{
2798 display:flow-root;
2799 }
2800
2801 .pagelayer-add-to-cart-holder,
2802 .pagelayer-product-rating{
2803 display:inline-block;
2804 }
2805
2806 .pagelayer-product-related-container:not([pagelayer-heading-show]) .products > h2,
2807 .pagelayer-product-related-container:not([pagelayer-sale-flash]) ul.products li.product span.onsale,
2808 .pagelayer-addi-info-container:not([pagelayer-show-heading]) h2 {
2809 display:none;
2810 }
2811
2812 .pagelayer-product-related-container[pagelayer-content-align="right"] ul.products li.product .star-rating{
2813 margin-left: auto;
2814 }
2815
2816 .pagelayer-product-related-container[pagelayer-content-align="center"] ul.products li.product .star-rating{
2817 margin-left: auto;
2818 margin-right: auto;
2819 }
2820
2821 /*******************/
2822
2823 /* PageLayer Owl */
2824
2825 .pagelayer-owl-stage-outer [class^="pagelayer-owl-"],
2826 .pagelayer-owl-carousel .pagelayer-ele-wrap,
2827 .pagelayer-slides-holder,
2828 .pagelayer-owl-stage-outer{
2829 height: 100%;
2830 }
2831
2832 .pagelayer-owl-prev,
2833 .pagelayer-owl-next{
2834 position: absolute;
2835 top: 50%;
2836 transform: translateY(-50%);
2837 }
2838
2839 .pagelayer-owl-prev{
2840 left: 0;
2841 }
2842
2843 .pagelayer-owl-next{
2844 right: 0;
2845 }
2846
2847 .pagelayer-owl-theme .pagelayer-owl-nav{
2848 margin-top: 0 !important;
2849 }
2850
2851 .pagelayer-owl-nav span{
2852 position:absolute;
2853 transform:translate(-50%, -53%);
2854 }
2855
2856 /* PageLayer Owl End */
2857
2858 /* Space Widget */
2859 .pagelayer-space-holder{
2860 height: 10px;
2861 }
2862 /* Space Widget End */
2863