PluginProbe
Page Builder: Pagelayer – Drag and Drop website builder / 1.0.2
Page Builder: Pagelayer – Drag and Drop website builder v1.0.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 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.2, at css/pagelayer-frontend.css

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