-
Notifications
You must be signed in to change notification settings - Fork 0
/
mpc-styles.css
4175 lines (2517 loc) · 251 KB
/
mpc-styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
/*!---------------------------------------------------------------------------*\
ANIMATIONS
\*----------------------------------------------------------------------------*/
.mpc-animation {
opacity: 0;
}
.mpc-no-transition,
.velocity-animating,
.velocity-animating .mpc-transition {
-webkit-transition: none !important;
transition: none !important;
}
.mpc-transition {
-webkit-transition: all .25s;
transition: all .25s;
}
.mpc-display--block {
display: block !important;
}
.mpc-align--left {
text-align: left;
}
.mpc-align--right {
text-align: right;
}
.mpc-align--center {
text-align: center;
}
/*!---------------------------------------------------------------------------*\
FILTERS
\*----------------------------------------------------------------------------*/
.mpc-effect--brightness .mpc-item img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.mpc-effect--brightness .mpc-item:hover img {
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
.mpc-effect--brightness.mpc-effect--reverse .mpc-item img {
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
.mpc-effect--brightness.mpc-effect--reverse .mpc-item:hover img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.mpc-effect--contrast .mpc-item img {
-webkit-filter: contrast(0.5);
filter: contrast(0.5);
}
.mpc-effect--contrast .mpc-item:hover img {
-webkit-filter: contrast(1);
filter: contrast(1);
}
.mpc-effect--contrast.mpc-effect--reverse .mpc-item img {
-webkit-filter: contrast(1);
filter: contrast(1);
}
.mpc-effect--contrast.mpc-effect--reverse .mpc-item:hover img {
-webkit-filter: contrast(0.5);
filter: contrast(0.5);
}
.mpc-effect--grey-scale .mpc-item img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.mpc-effect--grey-scale .mpc-item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.mpc-effect--grey-scale.mpc-effect--reverse .mpc-item img{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.mpc-effect--grey-scale.mpc-effect--reverse .mpc-item:hover img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.mpc-effect--hue .mpc-item img {
-webkit-filter: hue-rotate(180deg);
filter: hue-rotate(180deg);
}
.mpc-effect--hue .mpc-item:hover img {
-webkit-filter: hue-rotate(0);
filter: hue-rotate(0);
}
.mpc-effect--hue.mpc-effect--reverse .mpc-item img {
-webkit-filter: hue-rotate(0);
filter: hue-rotate(0);
}
.mpc-effect--hue.mpc-effect--reverse .mpc-item:hover img {
-webkit-filter: hue-rotate(180deg);
filter: hue-rotate(180deg);
}
.mpc-effect--invert .mpc-item img {
-webkit-filter: invert(1);
filter: invert(1);
}
.mpc-effect--invert .mpc-item:hover img {
-webkit-filter: invert(0);
filter: invert(0);
}
.mpc-effect--invert.mpc-effect--reverse .mpc-item img {
-webkit-filter: invert(0);
filter: invert(0);
}
.mpc-effect--invert.mpc-effect--reverse .mpc-item:hover img {
-webkit-filter: invert(1);
filter: invert(1);
}
.mpc-effect--saturate .mpc-item img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
.mpc-effect--saturate .mpc-item:hover img {
-webkit-filter: saturate(100%);
filter: saturate(100%);
}
.mpc-effect--saturate.mpc-effect--reverse .mpc-item img {
-webkit-filter: saturate(100%);
filter: saturate(100%);
}
.mpc-effect--saturate.mpc-effect--reverse .mpc-item:hover img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
.mpc-effect--sepia .mpc-item img {
-webkit-filter: sepia(1);
filter: sepia(1);
}
.mpc-effect--sepia .mpc-item:hover img {
-webkit-filter: sepia(0);
filter: sepia(0);
}
.mpc-effect--sepia.mpc-effect--reverse .mpc-item img {
-webkit-filter: sepia(0);
filter: sepia(0);
}
.mpc-effect--sepia.mpc-effect--reverse .mpc-item:hover img {
-webkit-filter: sepia(1);
filter: sepia(1);
}
/*!---------------------------------------------------------------------------*\
EFFECTS
\*----------------------------------------------------------------------------*/
.mpc-effect--target {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.mpc-effect--zoomIn .mpc-effect--target {
-webkit-transform: scale( 1 );
transform: scale( 1 );
}
.mpc-effect--zoomOut:hover .mpc-effect--target {
-webkit-transform: scale( 1 ) !important;
transform: scale( 1 ) !important;
}
.mpc-effect--zoomOutRotate:hover .mpc-effect--target {
-webkit-transform: scale( 1 ) rotate( 0deg ) !important;
transform: scale( 1 ) rotate( 0deg ) !important;
}
.mpc-effect--zoomInRotate .mpc-effect--target {
-webkit-transform: scale( 1 ) rotate( 0deg );
transform: scale( 1 ) rotate( 0deg );
}
/* Flashing */
.mpc-effect--flashing:hover .mpc-effect--target {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% { opacity: .4; }
100% { opacity: 1; }
}
@keyframes flash {
0% { opacity: .4; }
100% { opacity: 1; }
}
/* Shine */
.mpc-effect--shine {
position: relative;
overflow: hidden;
}
.mpc-effect--shine::before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
pointer-events: none;
}
.mpc-effect--shine:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% { left: 125%; }
}
@keyframes shine {
100% { left: 125%; }
}
/* Circle */
.mpc-effect--circle {
position: relative;
overflow: hidden;
}
.mpc-effect--circle::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
pointer-events: none;
}
.mpc-effect--circle:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% { opacity: 1; }
40% { opacity: 1; }
100% { width: 200%; height: 200%; opacity: 0; }
}
@keyframes circle {
0% {opacity: 1; }
40% { opacity: 1; }
100% { width: 200%; height: 200%; opacity: 0; }
}
/*!---------------------------------------------------------------------------*\
OTHER
\*----------------------------------------------------------------------------*/
div[class^="mpc-"] > p {
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: inherit;
text-transform: inherit;
}
.mpc-content-align,
.mpc-content-wrapper {
display: inline-block;
vertical-align: middle;
}
.mpc-content-align {
height: 100%;
}
.mpc-content-wrapper {
max-height: 100%;
overflow: auto;
}
.mpc-content-wrapper::-webkit-scrollbar {
width: 3px;
}
.mpc-content-wrapper::-webkit-scrollbar {
background: rgba(255, 255, 255, 0.2);
}
.mpc-content-wrapper::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
.mpc-content-wrapper:after {
content: '';
display: block;
clear: both;
}
/* Slick */
.mpc-carousel__wrapper {
position: relative;
z-index: 1;
}
[data-mpcslick]:not(.slick-slider) {
display: -ms-flexbox;
-ms-flex-pack: center;
display: flex;
justify-content: center;
}
[data-mpcslick]:not(.slick-slider) > div {
margin: 0 !important;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
[data-mpcslick]:not(.slick-slider) + .mpc-navigation {
display: none;
}
.slick-cloned.mpc-init,
.slick-cloned .mpc-init {
visibility: visible !important;
opacity: 1;
}
[data-slick-cols="1"]:not(.slick-slider) > div {
width: 100%;
}
[data-slick-cols="2"]:not(.slick-slider) > div {
width: 50%;
}
[data-slick-cols="3"]:not(.slick-slider) > div {
width: 33%;
}
[data-slick-cols="4"]:not(.slick-slider) > div {
width: 25%;
}
[data-slick-cols="5"]:not(.slick-slider) > div {
width: 20%;
}
[data-slick-cols="6"]:not(.slick-slider) > div {
width: 16.66%;
}
[data-slick-cols="7"]:not(.slick-slider) > div {
width: 14.28%;
}
[data-slick-cols="8"]:not(.slick-slider) > div {
width: 12.5%;
}
/* Disable mobile navigation */
@media only screen and (max-width: 768px) {
.mpc-navigation {
display: none;
}
}
/* Icon Mirror */
.mpc-icon--mirror {
display: block !important;
-webkit-transform: translate(0, 0) rotateY( 180deg ) !important;
transform: translate(0, 0) rotateY( 180deg );
}
/* Placeholders */
.mpc-image-placeholder {
background-position: center !important;
background-size: 64px !important;
background-image: url('../images/mpc-image-placeholder.png');
background-repeat: no-repeat;
background-color: #eeeeee;
}
/* prettyPhoto styling for small screens */
@media (max-width: 767px)
{
.pp_pic_holder.pp_default {
width: 96%!important;
left: 2%!important;
overflow: hidden;
}
div.pp_default .pp_content_container .pp_left {
padding-left: 0!important;
}
div.pp_default .pp_content_container .pp_right {
padding-right: 0!important;
}
.pp_content {
width: 100%!important;
height: auto!important;
}
.pp_fade {
width: 100%!important;
height: 100%!important;
}
a.pp_expand,
a.pp_contract,
.pp_hoverContainer,
.pp_gallery,
.pp_top,
.pp_bottom {
display: none!important;
}
#pp_full_res img {
width: 100%!important;
height: auto!important;
vertical-align: middle;
}
.pp_details {
display: none !important;
}
a.pp_close {
right: 10px!important;
top: 10px!important;
}
}
/* Magnific Popup opacity override */
.mfp-wrap * {
opacity: 1;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.mfp-figure {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
/* Row/Column Link block notices */
.mpc-notice {
background: #E67D7D;
color: #fff;
padding: 1em 2em;
font-style: italic;
}
.mpc-notice a {
font-style: italic;
color: #fff !important;
border-bottom: 1px dotted;
}
.mpc-notice a:hover {
color: #eee !important;
}
/* RTL styles */
.rtl .slick-slide,
[dir="rtl"] .slick-slide {
float: right;
}
html[dir="rtl"] .mpc-navigation--style_3,
.rtl .mpc-navigation--style_3,
html[dir="rtl"] .mpc-navigation--style_4,
.rtl .mpc-navigation--style_4,
html[dir="rtl"] .mpc-navigation--style_5,
.rtl .mpc-navigation--style_5 {
right: auto;
left: 0;
}
html[dir="rtl"] .mpc-navigation--style_3:last-child,
.rtl .mpc-navigation--style_3:last-child
html[dir="rtl"] .mpc-navigation--style_4:last-child,
.rtl .mpc-navigation--style_4:last-child,
html[dir="rtl"] .mpc-navigation--style_5:last-child,
.rtl .mpc-navigation--style_5:last-child {
right: 0;
left: auto;
}
/* Experimental fix */
[class*="mpc"],
[class*="mpc"]:after,
[class*="mpc"]:before {
box-sizing: border-box;
}
[class^="mpc-"] .slick-list {
opacity: 1;
}
/* Genesis theme */
.site-inner {
overflow: visible;
}
/* Jupiter theme */
.mk-page-section-wrapper {
overflow: hidden;
}
/* Lightbox Close button in themes */
button.mfp-arrow, button.mfp-close {
z-index: 1000000;
}
/* Icon anchor link underline on some themes */
.mpc-icon-anchor.mpc-icon-anchor.mpc-icon-anchor:hover {
text-decoration: none;
}
/* Uncode icon in header cart issue */
.hmenu .fa,
.vmenu .fa,
.menu-overlay .fa {
font-family: uncodeicon!important;
}
/* Uncode lightbox z-index issue */
.mfp-zoom-out-cur #masthead:not(.menu-absolute) {
z-index: 1041;
}
/* Grids & Carousels load glitch fix */
[class^="mpc-grid-"],
[class^="mpc-carousel-"] {
opacity: 0;
}
.vc-main-sortable-container [class^="mpc-grid-"],
.vc-main-sortable-container [class^="mpc-carousel-"] {
opacity: 1;
}
/* Vitrine theme layout fix */
.mpc-vitrine-theme [class*="mpc"],
.mpc-vitrine-theme [class*="mpc"]:after,
.mpc-vitrine-theme [class*="mpc"]:before {
-webkit-box-sizing: initial;
box-sizing: initial;
}
/*----------------------------------------------------------------------------*\
ALERT SHORTCODE
\*----------------------------------------------------------------------------*/
.mpc-alert-wrap { position: relative; }
.mpc-alert { display: flex; align-items: stretch; width: 100%; overflow: hidden; }
.mpc-alert__icon, .mpc-alert__dismiss { display: flex; align-items: center; justify-content: center; min-width: 2em; }
.mpc-alert__icon i, .mpc-alert__dismiss i { display: block; }
.mpc-alert__dismiss { cursor: pointer; border-width: 0; border-style: none; border-color: transparent; }
.mpc-alert__dismiss.mpc-dismiss--corner { display: block; min-width: initial; text-align: center; position: absolute; top: 0; left: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.mpc-alert__content { display: flex; flex-wrap: wrap; align-items: center; flex-grow: 1; font-family: inherit; }
.mpc-alert__content > * { flex: 0 1 100%; }
.mpc-alert__content p:first-child { margin-top: 0 !important; }
.mpc-alert__content p:last-child { margin-bottom: 0 !important; }
@media screen and (max-width: 767px) { .mpc-alert__icon { display: none; } }
/*----------------------------------------------------------------------------*\
ANIMATED TEXT SHORTCODE
\*----------------------------------------------------------------------------*/
.mpc-animated-text-wrap { display: inline-block; vertical-align: middle; }
.mpc-animated-text { display: inline-block; vertical-align: middle; min-height: 1em; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
@media screen and (max-width: 768px) { .mpc-animated-text { display: block; margin: 0 auto; } }
.mpc-animated-text:before { content: '\00a0'; display: inline-block; width: 0; }
.mpc-animated-text__block, .mpc-animated-text__word { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
.mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text { overflow: hidden; }
.mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text__block { display: none; }
.mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text__block:first-child { display: block; }
.mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text__word { display: inline-block; white-space: nowrap; }
@media screen and (max-width: 992px) { .mpc-animated-text-wrap.mpc-style--rotator .mpc-animated-text__word { white-space: normal; } }
.mpc-animated-text-wrap.mpc-style--rotator.mpc-loaded .mpc-animated-text__block { display: block; }
.mpc-animated-text-wrap.mpc-style--typewrite .mpc-animated-text_block { display: inline-block; }
.mpc-animated-text__pointer { display: inline-block; vertical-align: middle; border-left: 2px solid; margin-left: .25em; line-height: 1; -webkit-animation: mpc-blink .75s infinite; animation: mpc-blink .75s infinite; }
@media screen and (max-width: 992px) { .mpc-animated-text__pointer { display: none; } }
.mpc-animated-text__side { display: inline-block; vertical-align: middle; }
.mpc-animated-text__side.mpc-animated-text__before { margin-right: .4em; }
.mpc-animated-text__side.mpc-animated-text__after { margin-left: .4em; }
@-webkit-keyframes mpc-blink { 0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; } }
@keyframes mpc-blink { 0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; } }
/*----------------------------------------------------------------------------*\
BUTTON SHORTCODE
\*----------------------------------------------------------------------------*/
.mpc-button { position: relative; display: inline-block; overflow: hidden; text-decoration: none; z-index: 1; }
.mpc-button:hover { transform: translate3d(0, 0, 0); }
.mpc-tooltip-wrap > .mpc-button { display: block; }
.mpc-button__content { position: relative; z-index: 2; display: flex; justify-content: center; }
.mpc-button__title { display: inline-block; vertical-align: middle; align-self: center; line-height: initial; }
.mpc-button__icon { text-align: center; vertical-align: middle; display: inline-block; align-self: center; line-height: initial; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.mpc-button__background { position: absolute; z-index: 1; opacity: 0; }
.mpc-button:hover .mpc-button__background, .mpc-active .mpc-button .mpc-button__background, .mpc-parent-hover:hover .mpc-button .mpc-button__background { opacity: 1; }
.mpc-button__background.mpc-effect-type--fade.mpc-effect-side--in { top: 0; bottom: 0; left: 0; right: 0; }
.mpc-button__background.mpc-effect-type--slide.mpc-effect-side--top { top: -100%; left: 0; width: 100%; height: 100%; }
.mpc-button:hover .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--top, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--top, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--top { top: 0; }
.mpc-button__background.mpc-effect-type--slide.mpc-effect-side--right { top: 0; left: 100%; width: 100%; height: 100%; }
.mpc-button:hover .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--right, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--right, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--right { left: 0; }
.mpc-button__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 100%; left: 0; width: 100%; height: 100%; }
.mpc-button:hover .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--bottom, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--bottom, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--bottom { top: 0; }
.mpc-button__background.mpc-effect-type--slide.mpc-effect-side--left { top: 0; left: -100%; width: 100%; height: 100%; }
.mpc-button:hover .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--left, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--left, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--slide.mpc-effect-side--left { left: 0; }
.mpc-button__background.mpc-effect-type--expand.mpc-effect-side--horizontal { top: 0; bottom: 0; left: 50%; right: 50%; }
.mpc-button:hover .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--horizontal, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--horizontal, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--horizontal { left: 5%; right: 5%; }
.mpc-button__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 50%; bottom: 50%; left: 0; right: 0; }
.mpc-button:hover .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--vertical, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--vertical, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--vertical { top: 5%; bottom: 5%; }
.mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(45deg); }
.mpc-button:hover .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_left { top: -60%; bottom: -60%; }
.mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: 50%; bottom: 50%; left: -20%; right: -20%; transform: rotate(-45deg); }
.mpc-button:hover .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right, .mpc-active .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right, .mpc-parent-hover:hover .mpc-button .mpc-button__background.mpc-effect-type--expand.mpc-effect-side--diagonal_right { top: -60%; bottom: -60%; }
.mpc-button__content.mpc-effect-type--stay.mpc-effect-side--left .mpc-button__icon { padding-right: .5em; }
.mpc-button__content.mpc-effect-type--stay.mpc-effect-side--left .mpc-button__title { padding-left: 0; }
.mpc-button__content.mpc-effect-type--stay.mpc-effect-side--right .mpc-button__icon { padding-left: .5em; }
.mpc-button__content.mpc-effect-type--stay.mpc-effect-side--right .mpc-button__title { padding-right: 0; }
.mpc-button__content.mpc-effect-type--slide .mpc-button__icon { position: absolute; top: 50%; opacity: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.mpc-button:hover .mpc-button__content.mpc-effect-type--slide .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--slide .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--slide .mpc-button__icon { opacity: 1; }
.mpc-button__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-button__icon { left: -100%; padding: 0; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--left .mpc-button__icon { left: 5%; }
.mpc-button__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-button__icon { right: -100%; padding: 0; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--slide.mpc-effect-side--right .mpc-button__icon { right: 5%; }
.mpc-button__content.mpc-effect-type--push_out { overflow: hidden; }
.mpc-button__content.mpc-effect-type--push_out .mpc-button__icon { position: absolute; opacity: 0; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out .mpc-button__icon { opacity: 1; }
.mpc-button__content.mpc-effect-type--push_out .mpc-button__title { position: relative; }
.mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__icon { top: -100%; left: 50%; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__icon { top: 50%; }
.mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__title { top: 0; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__title, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__title, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--top .mpc-button__title { top: 5em; }
.mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__icon { top: 50%; left: 150%; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__icon { left: 50%; }
.mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__title { left: 0; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__title, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__title, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--right .mpc-button__title { left: -100%; }
.mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__icon { top: 150%; left: 50%; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__icon { top: 50%; }
.mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__title { top: 0; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__title, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__title, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--bottom .mpc-button__title { top: -5em; }
.mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__icon { top: 50%; left: -100%; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__icon, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__icon, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__icon { left: 50%; }
.mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__title { left: 0; }
.mpc-button:hover .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__title, .mpc-active .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__title, .mpc-parent-hover:hover .mpc-button .mpc-button__content.mpc-effect-type--push_out.mpc-effect-side--left .mpc-button__title { left: 100%; }
/*----------------------------------------------------------------------------*\
BUTTON SET SHORTCODE
\*----------------------------------------------------------------------------*/
.mpc-button-set { display: inline-block; }
.mpc-button-set.mpc-fullwidth.mpc-style--horizontal { display: -ms-flexbox; display: flex; align-items: center; }
.mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-button, .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-lightbox, .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-add_to_cart { flex-grow: 1; }
.mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-button .mpc-button, .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-lightbox .mpc-button, .mpc-button-set.mpc-fullwidth.mpc-style--horizontal > .mpc-add_to_cart .mpc-button { display: block; }
.mpc-button-set.mpc-fullwidth.mpc-style--vertical { display: block; }
.mpc-button-set.mpc-style--vertical { text-align: center; }
.mpc-button-set .mpc-lightbox .mpc-button { vertical-align: bottom; }
.mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart { vertical-align: middle; }
.mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:first-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:first-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:first-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:first-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:first-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:first-child .mpc-button { border-bottom-right-radius: 0; border-top-right-radius: 0; padding-left: 0 !important; }
.mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:last-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:last-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:last-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:last-child .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:last-child, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:last-child .mpc-button { border-left-width: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; padding-right: 0 !important; }
.mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-tooltip-wrap:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart-wrap:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-button:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-lightbox:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--horizontal:not(.mpc-frontend) > .mpc-add_to_cart:not(:first-child):not(:last-child) .mpc-button { border-left-width: 0; border-radius: 0; }
.mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart { display: block; }
.mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:first-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:first-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:first-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:first-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:first-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:first-child .mpc-button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-top: 0 !important; }
.mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:last-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:last-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:last-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:last-child .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:last-child, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:last-child .mpc-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding-bottom: 0 !important; }
.mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-tooltip-wrap:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart-wrap:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-button:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-lightbox:not(:first-child):not(:last-child) .mpc-button, .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:not(:first-child):not(:last-child), .mpc-button-set.mpc-style--vertical:not(.mpc-frontend) .mpc-add_to_cart:not(:first-child):not(:last-child) .mpc-button { border-top-width: 0; border-radius: 0; }
.mpc-button-set .mpc-button-separator-box { display: inline-block; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.mpc-button-set .mpc-button-separator { display: inline-block; min-width: 1em; text-align: center; white-space: nowrap; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.mpc-button-set .mpc-button-separator.mpc-empty { min-width: 0; }
.mpc-button-set.mpc-style--vertical .mpc-button-separator-box { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.mpc-button-set .mpc-button-separator-wrap { position: relative; display: inline-block; width: 0; vertical-align: middle; z-index: 2; }
.mpc-button-set .mpc-button-separator-wrap:last-child { display: none; }
.mpc-button-set.mpc-style--vertical .mpc-button-separator-wrap { display: block; height: 0; width: auto; }
/*----------------------------------------------------------------------------*\
CALLOUT SHORTCODE
\*----------------------------------------------------------------------------*/
.mpc-callout { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mpc-callout__content { overflow: hidden; }
.mpc-callout__content .mpc-callout__description { padding: 0; }
.mpc-callout__heading { padding: 0; }
.mpc-callout__icon-wrap { display: block; }
.mpc-callout__icon-wrap:not(.mpc-icon--image) i { width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; }
.mpc-callout__icon-wrap i { display: block; text-align: center; }
.mpc-callout__icon-wrap img { vertical-align: middle; }
.mpc-callout__icon { display: inline-block; max-width: 100%; }
/* Style 1 */
.mpc-callout--style_1 { display: flex; align-items: center; width: 100%; }
.mpc-callout--style_1 .mpc-callout__content { flex: 1 1 auto; }
.mpc-callout--style_1 .mpc-callout__content p:first-child { margin-top: 0 !important; }
.mpc-callout--style_1 .mpc-callout__content p:last-child { margin-bottom: 0 !important; }
.mpc-callout--style_1 .mpc-callout__button { white-space: nowrap; flex: 0 0 auto; }
.mpc-callout--style_1 .mpc-callout__button .mpc-button { vertical-align: bottom; }
/* Style 2 */
.mpc-callout--style_2 { text-align: center; }
/* Style 3 */
.mpc-callout--style_3 { text-align: center; }
/* Style 4 */
.mpc-callout--style_4 { display: table; width: 100%; }
.mpc-callout--style_4 .mpc-callout__icon-wrap { display: table-cell; vertical-align: middle; }
.mpc-callout--style_4 .mpc-callout__content { display: table-cell; vertical-align: middle; }
.mpc-callout--style_4 .mpc-callout__content p:first-child { margin-top: 0 !important; }
.mpc-callout--style_4 .mpc-callout__content p:last-child { margin-bottom: 0 !important; }
.mpc-callout--style_4 .mpc-callout__button { display: table-cell; vertical-align: middle; white-space: nowrap; }
.mpc-callout--style_4 .mpc-callout__button .mpc-button { vertical-align: bottom; }
/* Style 5 */
.mpc-callout--style_5 { display: table; width: 100%; }
.mpc-callout--style_5 .mpc-callout__content { display: table-cell; width: 40%; text-align: left; vertical-align: middle; }
.mpc-callout--style_5 .mpc-callout__content p:first-child { margin-top: 0 !important; }
.mpc-callout--style_5 .mpc-callout__content p:last-child { margin-bottom: 0 !important; }
.mpc-callout--style_5 .mpc-callout__icon-wrap { display: table-cell; width: 10%; vertical-align: middle; text-align: center; }
.mpc-callout--style_5 .mpc-callout__button { display: table-cell; width: 40%; text-align: right; vertical-align: middle; }
.mpc-callout--style_5 .mpc-callout__button .mpc-button { vertical-align: bottom; }
/* Style 6 */
.mpc-callout--style_6 { text-align: center; }
/* Style 7 */
.mpc-callout--style_7 { text-align: center; }
/* Style 8 */
.mpc-callout--style_8 .mpc-callout__icon-wrap { float: left; }
/* Style 9 */
.mpc-callout--style_9 .mpc-callout__icon-wrap { float: right; }
@media screen and (max-width: 992px) { .mpc-callout__heading, .mpc-callout__description, .mpc-callout__button, .mpc-callout__icon-wrap { text-align: center !important; }
.mpc-callout__heading { line-height: 1.25em !important; }
.mpc-callout__heading, .mpc-callout__description { max-width: initial !important; }
.mpc-callout--style_1, .mpc-callout--style_4, .mpc-callout--style_5, .mpc-callout--style_8, .mpc-callout--style_9 { display: block; }
.mpc-callout--style_1 .mpc-callout__icon-wrap, .mpc-callout--style_1 .mpc-callout__content, .mpc-callout--style_1 .mpc-callout__button, .mpc-callout--style_4 .mpc-callout__icon-wrap, .mpc-callout--style_4 .mpc-callout__content, .mpc-callout--style_4 .mpc-callout__button, .mpc-callout--style_5 .mpc-callout__icon-wrap, .mpc-callout--style_5 .mpc-callout__content, .mpc-callout--style_5 .mpc-callout__button, .mpc-callout--style_8 .mpc-callout__icon-wrap, .mpc-callout--style_8 .mpc-callout__content, .mpc-callout--style_8 .mpc-callout__button, .mpc-callout--style_9 .mpc-callout__icon-wrap, .mpc-callout--style_9 .mpc-callout__content, .mpc-callout--style_9 .mpc-callout__button { display: block; width: 100%; }
.mpc-callout--style_1 .mpc-callout .mpc-button, .mpc-callout--style_1 .mpc-callout__icon, .mpc-callout--style_4 .mpc-callout .mpc-button, .mpc-callout--style_4 .mpc-callout__icon, .mpc-callout--style_5 .mpc-callout .mpc-button, .mpc-callout--style_5 .mpc-callout__icon, .mpc-callout--style_8 .mpc-callout .mpc-button, .mpc-callout--style_8 .mpc-callout__icon, .mpc-callout--style_9 .mpc-callout .mpc-button, .mpc-callout--style_9 .mpc-callout__icon { margin-left: 0 !important; margin-right: 0 !important; }
.mpc-callout--style_1 .mpc-callout__icon, .mpc-callout--style_4 .mpc-callout__icon, .mpc-callout--style_5 .mpc-callout__icon, .mpc-callout--style_8 .mpc-callout__icon, .mpc-callout--style_9 .mpc-callout__icon { padding-left: 0 !important; padding-right: 0 !important; }
.mpc-callout .mpc-button, .mpc-callout__icon-wrap, .mpc-callout__heading, .mpc-callout__description { margin: .5em auto .5em !important; }
.mpc-callout .mpc-divider-wrap .mpc-divider { margin: .25em auto !important; }
.mpc-callout--style_7 .mpc-callout__icon-wrap { margin-top: 0 !important; }
.mpc-callout--style_5 .mpc-callout__icon-wrap { margin-top: 0 !important; }
.mpc-callout--style_5 .mpc-callout__heading { margin-bottom: 0 !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .mpc-callout--style_1 .mpc-callout__icon-wrap, .mpc-callout--style_4 .mpc-callout__icon-wrap, .mpc-callout--style_5 .mpc-callout__icon-wrap, .mpc-callout--style_8 .mpc-callout__icon-wrap, .mpc-callout--style_9 .mpc-callout__icon-wrap { max-width: 50%; } }
/*----------------------------------------------------------------------------*\
CAROUSEL ANYTHING SHORTCODE
\*----------------------------------------------------------------------------*/
.mpc-carousel-anything { -webkit-box-sizing: border-box; box-sizing: border-box; }
.mpc-carousel-anything.mpc-carousel--stretched .slick-list { overflow: visible; }
.mpc-carousel-anything .slick-track { display: table; table-layout: fixed; }
.mpc-carousel-anything .mpc-carousel__item-wrapper { position: relative; display: table-cell !important; height: 100%; float: none !important; text-align: center; vertical-align: middle; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; }
.mpc-carousel-anything .slick-slide > div:last-child > .mpc-carousel__item-wrapper, .mpc-carousel-anything .slick-slide.mpc-carousel__item-wrapper { margin-bottom: 0 !important; }
.mpc-carousel-anything:focus, .mpc-carousel-anything *:focus { outline: none; -webkit-outline: none; }
.mpc-carousel-anything .slick-slide > div:not([class^="mpc"]) { display: flex; }
.mpc-navigation--carousel { text-align: right; width: 100%; margin: 1em 0; }
.mpc-navigation--carousel i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; }
/* FrontEnd Editor */
.vc_mpc_carousel_anything.vc_element .vc_controls > .vc_controls-out-tl { left: initial; right: 0; }
/*----------------------------------------------------------------------------*\
CAROUSEL IMAGE SHORTCODE
\*----------------------------------------------------------------------------*/
.mpc-carousel-image { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; /* Overlay & Lightbox */ /* Overlay Idle Settings */ }
.mpc-carousel-image.mpc-carousel--stretched, .mpc-carousel-image.mpc-carousel--stretched .slick-list { overflow: visible; }
.mpc-carousel-image .slick-slide > div:last-child > .mpc-carousel__item-wrapper, .mpc-carousel-image .slick-slide.mpc-carousel__item-wrapper { margin-bottom: 0 !important; }
.mpc-carousel-image:focus, .mpc-carousel-image *:focus { outline: none; -webkit-outline: none; }
.mpc-carousel-image .mpc-carousel__item-wrapper { position: relative; display: block !important; height: 100%; width: auto; max-width: 100% !important; }
.mpc-carousel-image .mpc-item { position: relative; overflow: hidden; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.mpc-carousel-image .mpc-item .mpc-border::before, .mpc-carousel-image .mpc-item .mpc-border { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; content: ''; border-width: 0px; border-style: solid; border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: inherit; transition: inherit; }
.mpc-carousel-image img { width: 100%; height: auto; }
.mpc-carousel-image .mpc-icon-anchor { display: inline-block; vertical-align: bottom; text-align: center; -webkit-transition: all .25s; transition: all .25s; }
.mpc-carousel-image .mpc-icon-anchor i { display: block; width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; -webkit-transition: inherit; transition: inherit; }
.mpc-carousel-image .mpc-icon-anchor i.mpc-icon--image, .mpc-carousel-image .mpc-icon-anchor i.mpc-icon--character { width: auto; }
.mpc-carousel-image .mpc-item-overlay { position: absolute; width: 100%; height: 100%; z-index: 5; visibility: hidden; }
.mpc-carousel-image .mpc-overlay--vertical-wrap { display: table; width: 100%; height: 100%; }
.mpc-carousel-image .mpc-overlay--vertical { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; }
.mpc-carousel-image.mpc-overlay--fade .mpc-item-overlay, .mpc-carousel-image.mpc-overlay--none .mpc-item-overlay { top: 0; left: 0; opacity: 0; }
.mpc-carousel-image.mpc-overlay--slide-up .mpc-item-overlay { top: 100%; left: 0; }
.mpc-carousel-image.mpc-overlay--slide-down .mpc-item-overlay { top: -100%; left: 0; }
.mpc-carousel-image.mpc-overlay--slide-left .mpc-item-overlay { top: 0; left: 100%; }
.mpc-carousel-image.mpc-overlay--slide-right .mpc-item-overlay { top: 0; left: -100%; }
[data-align^=top] .mpc-overlay--vertical { vertical-align: top; }
[data-align^=middle] .mpc-overlay--vertical { vertical-align: middle; }
[data-align^=bottom] .mpc-overlay--vertical { vertical-align: bottom; }
[data-align$=left] .mpc-overlay--vertical { text-align: left; }
[data-align$=center] .mpc-overlay--vertical { text-align: center; }
[data-align$=right] .mpc-overlay--vertical { text-align: right; }
/* Layout Fluid */
.mpc-carousel-image.mpc-layout--fluid * { height: 100%; }
.mpc-carousel-image.mpc-layout--fluid .mpc-overlay--vertical, .mpc-carousel-image.mpc-layout--fluid .mpc-overlay--vertical * { height: auto; }
.mpc-carousel-image.mpc-layout--fluid img { width: auto !important; height: 100% !important; }
.mpc-navigation--image { text-align: right; margin: 1em 0; }
.mpc-navigation--image i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; }
/*----------------------------------------------------------------------------*\
CAROUSEL POSTS SHORTCODE
\*----------------------------------------------------------------------------*/
.mpc-carousel-posts { -webkit-box-sizing: border-box; box-sizing: border-box; }
.mpc-carousel-posts.mpc-carousel--stretched .slick-list { overflow: visible; }
.mpc-carousel-posts .slick-slide > div:last-child > .mpc-post, .mpc-carousel-posts .slick-slide.mpc-post { margin-bottom: 0 !important; }
.mpc-carousel-posts .mpc-post { display: inline-block; vertical-align: bottom; height: 100%; max-width: 100% !important; }
.mpc-carousel-posts:focus, .mpc-carousel-posts *:focus { outline: none; -webkit-outline: none; }