173 |
174 | GIVE DONATION
175 |
176 |
177 | BECOME AN VOLUNTEER
178 |
179 |
180 | STAY TOGETHER
181 |
182 |
183 |
184 |
185 |
186 |
187 |
188 |
189 |
ORGANIZATION'S RECENT ACTIVITIES
190 |
191 |
192 |
193 |
194 |
195 |
196 |
197 |
Training program for Parents of Children having Cerebral Palsy & Intellectual Disbility
198 |
199 |
200 |
201 |
202 |
203 |
204 |
School Children Awareness programme for Disabilities.
205 |
206 |
207 |
208 |
209 |
210 |
211 |
Awareness programme for Doctors and Nursing students.
212 |
213 |
214 |
215 |
216 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 |
294 |
295 |
363 |
364 |
365 |
366 |
367 |
431 |
432 |
433 |
434 |
435 |
436 |
437 |
438 |
439 |
440 |
441 |
442 |
453 |
454 |
455 |
456 |
457 |
458 |
--------------------------------------------------------------------------------
/assets/css/about.css:
--------------------------------------------------------------------------------
1 |
2 | @import url('https://fonts.googleapis.com/css2?family=Montserrat+Display&display=swap');
3 | /*--------------------------------------------------------------
4 | # General
5 | --------------------------------------------------------------*/
6 | body {
7 | font-family: "Montserrat", sans-serif;
8 | color: #444444;
9 | overflow-x: hidden;
10 | }
11 | #body
12 | {
13 | width: 100vw;
14 | }
15 | a {
16 | color: #009cea;
17 | text-decoration: none;
18 | }
19 | #vm
20 | {
21 | text-decoration: none;
22 | color: white;
23 | }
24 | a:hover {
25 | color: #1eb4ff;
26 | text-decoration: none;
27 | }
28 |
29 | h1, h2, h3, h4, h5, h6 {
30 | font-family: "Raleway", sans-serif;
31 | }
32 |
33 | /*--------------------------------------------------------------
34 | # Back to top button
35 | --------------------------------------------------------------*/
36 | .back-to-top {
37 | position: fixed;
38 | visibility: hidden;
39 | opacity: 0;
40 | right: 15px;
41 | bottom: 15px;
42 | z-index: 996;
43 | background: #009cea;
44 | width: 40px;
45 | height: 40px;
46 | border-radius: 4px;
47 | transition: all 0.4s;
48 | }
49 | .back-to-top i {
50 | font-size: 28px;
51 | color: #fff;
52 | line-height: 0;
53 | }
54 | .back-to-top:hover {
55 | background: #14b1ff;
56 | color: #fff;
57 | }
58 | .back-to-top.active {
59 | visibility: visible;
60 | opacity: 1;
61 | }
62 |
63 | /*--------------------------------------------------------------
64 | # Disable AOS delay on mobile
65 | --------------------------------------------------------------*/
66 | @media screen and (max-width: 768px) {
67 | [data-aos-delay] {
68 | transition-delay: 0 !important;
69 | }
70 | }
71 | /*--------------------------------------------------------------
72 | # Header
73 | --------------------------------------------------------------*/
74 | #header {
75 | height: 72px;
76 | transition: all 0.5s;
77 | z-index: 997;
78 | transition: all 0.5s;
79 | background: #fff;
80 | }
81 | #header.header-scrolled {
82 | box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
83 | }
84 | #header .logo h1 {
85 | font-size: 28px;
86 | margin: 0;
87 | line-height: 0;
88 | font-weight: 600;
89 | letter-spacing: 1px;
90 | font-family: "Open Sans", sans-serif;
91 | }
92 | #header .logo h1 a, #header .logo h1 a:hover {
93 | color: #576971;
94 | text-decoration: none;
95 | }
96 | #header .logo img {
97 | padding: 0;
98 | margin: 0;
99 | max-height: 40px;
100 | }
101 | /*-------------------------
102 | # Scroll-bar
103 | ----------------------------*
104 | /* width */
105 | ::-webkit-scrollbar {
106 | width: 10px;
107 | }
108 |
109 | /* Track */
110 | ::-webkit-scrollbar-track {
111 | background-color:rgb(0, 0, 0);
112 | border-radius: 10px;
113 | }
114 |
115 | /* Handle */
116 | ::-webkit-scrollbar-thumb {
117 | background: linear-gradient(rgb(161, 125, 245), rgb(127, 237, 251),rgb(138, 95, 238));
118 | border-radius: 10px;
119 | }
120 | /*--------------------------------------------------------------
121 | # Header Social Links
122 | --------------------------------------------------------------*/
123 | .header-social-links {
124 | margin: 0 0 0 30px;
125 | }
126 | @media (max-width: 768px) {
127 | .header-social-links {
128 | margin: 0 15px 0 0;
129 | }
130 | }
131 | .header-social-links a {
132 | color: #7b909a;
133 | display: inline-block;
134 | line-height: 0px;
135 | transition: 0.3s;
136 | padding-left: 10px;
137 | }
138 | .header-social-links a:hover {
139 | color: #009cea;
140 | }
141 |
142 | /*--------------------------------------------------------------
143 | # Navigation Menu
144 | --------------------------------------------------------------*/
145 | /**
146 | * Desktop Navigation
147 | */
148 | .navbar {
149 | padding: 0;
150 | }
151 | .navbar ul {
152 | margin: 0;
153 | padding: 0;
154 | display: flex;
155 | list-style: none;
156 | align-items: center;
157 | }
158 | .navbar li {
159 | position: relative;
160 | }
161 | .navbar a, .navbar a:focus {
162 | display: flex;
163 | align-items: center;
164 | justify-content: space-between;
165 | padding: 10px 0 10px 30px;
166 | font-size: 15px;
167 | font-family: "Poppins", sans-serif;
168 | color: #7b909a;
169 | white-space: nowrap;
170 | transition: 0.3s;
171 | }
172 | .navbar a i, .navbar a:focus i {
173 | font-size: 12px;
174 | line-height: 0;
175 | margin-left: 5px;
176 | }
177 | .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
178 | color: #009cea;
179 | }
180 | .navbar .dropdown ul {
181 | display: block;
182 | position: absolute;
183 | left: 14px;
184 | top: calc(100% + 30px);
185 | margin: 0;
186 | padding: 10px 0;
187 | z-index: 99;
188 | opacity: 0;
189 | visibility: hidden;
190 | background: #fff;
191 | box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
192 | transition: 0.3s;
193 | }
194 | .navbar .dropdown ul li {
195 | min-width: 200px;
196 | }
197 | .navbar .dropdown ul a {
198 | padding: 10px 20px;
199 | font-size: 14px;
200 | color: #003651;
201 | }
202 | .navbar .dropdown ul a i {
203 | font-size: 12px;
204 | }
205 | .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
206 | color: #009cea;
207 | }
208 | .navbar .dropdown:hover > ul {
209 | opacity: 1;
210 | top: 100%;
211 | visibility: visible;
212 | }
213 | .navbar .dropdown .dropdown ul {
214 | top: 0;
215 | left: calc(100% - 30px);
216 | visibility: hidden;
217 | }
218 | .navbar .dropdown .dropdown:hover > ul {
219 | opacity: 1;
220 | top: 0;
221 | left: 100%;
222 | visibility: visible;
223 | }
224 | @media (max-width: 1366px) {
225 | .navbar .dropdown .dropdown ul {
226 | left: -90%;
227 | }
228 | .navbar .dropdown .dropdown:hover > ul {
229 | left: -100%;
230 | }
231 | }
232 |
233 | /**
234 | * Mobile Navigation
235 | */
236 | .mobile-nav-toggle {
237 | color: #364146;
238 | font-size: 28px;
239 | cursor: pointer;
240 | display: none;
241 | line-height: 0;
242 | transition: 0.5s;
243 | }
244 | .mobile-nav-toggle.bi-x {
245 | color: #fff;
246 | }
247 |
248 | @media (max-width: 991px) {
249 | .mobile-nav-toggle {
250 | display: block;
251 | }
252 |
253 | .navbar ul {
254 | display: none;
255 | }
256 | }
257 | .navbar-mobile {
258 | position: fixed;
259 | overflow: hidden;
260 | top: 0;
261 | right: 0;
262 | left: 0;
263 | bottom: 0;
264 | background: rgba(32, 38, 41, 0.9);
265 | transition: 0.3s;
266 | z-index: 999;
267 | }
268 | .navbar-mobile .mobile-nav-toggle {
269 | position: absolute;
270 | top: 15px;
271 | right: 15px;
272 | }
273 | .navbar-mobile ul {
274 | display: block;
275 | position: absolute;
276 | top: 55px;
277 | right: 15px;
278 | bottom: 15px;
279 | left: 15px;
280 | padding: 10px 0;
281 | background-color: #fff;
282 | overflow-y: auto;
283 | transition: 0.3s;
284 | }
285 | .navbar-mobile a, .navbar-mobile a:focus {
286 | padding: 10px 20px;
287 | font-size: 15px;
288 | color: #364146;
289 | }
290 | .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
291 | color: #009cea;
292 | }
293 | .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
294 | margin: 15px;
295 | }
296 | .navbar-mobile .dropdown ul {
297 | position: static;
298 | display: none;
299 | margin: 10px 20px;
300 | padding: 10px 0;
301 | z-index: 99;
302 | opacity: 1;
303 | visibility: visible;
304 | background: #fff;
305 | box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
306 | }
307 | .navbar-mobile .dropdown ul li {
308 | min-width: 200px;
309 | }
310 | .navbar-mobile .dropdown ul a {
311 | padding: 10px 20px;
312 | }
313 | .navbar-mobile .dropdown ul a i {
314 | font-size: 12px;
315 | }
316 | .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
317 | color: #009cea;
318 | }
319 | .navbar-mobile .dropdown > .dropdown-active {
320 | display: block;
321 | }
322 |
323 | /*--------------------------------------------------------------
324 | # Hero Section
325 | --------------------------------------------------------------*/
326 | #hero {
327 | width: 100%;
328 |
329 | background-image: url("../img/hero-bg-b.png");
330 | background-repeat: no-repeat;
331 | background-position:fixed;
332 | margin-top: 70px;
333 | overflow-x: hidden;
334 | padding: 60px 0;
335 | }
336 | #hero h1 {
337 | margin: 0 0 20px 0;
338 | font-size: 48px;
339 | font-weight: 700;
340 | line-height: 56px;
341 | color: #364146;
342 | }
343 | #hero h2 {
344 | color: #576971;
345 | margin-bottom: 30px;
346 | font-size: 24px;
347 | }
348 | #hero .hero-img img {
349 | width: 70%;
350 | }
351 | @media (min-width: 1024px) {
352 | #hero {
353 | background-attachment: fixed;
354 | }
355 | }
356 | @media (max-width: 992px) {
357 | #hero h1 {
358 | font-size: 32px;
359 | line-height: 40px;
360 | }
361 | #hero h2 {
362 | font-size: 20px;
363 | }
364 | }
365 |
366 | /*--------------------------------------------------------------
367 | # Sections General
368 | --------------------------------------------------------------*/
369 | section {
370 | padding: 60px 0;
371 | overflow: hidden;
372 | }
373 |
374 | .section-bg {
375 | background-color: #f7f8f9;
376 | }
377 |
378 | .section-title {
379 | text-align: center;
380 | padding-bottom: 30px;
381 | }
382 | .section-title h2 {
383 | font-size: 32px;
384 | font-weight: 400;
385 | margin-bottom: 20px;
386 | padding-bottom: 0;
387 | font-family: "Poppins", sans-serif;
388 | color: #627680;
389 | }
390 | .section-title p {
391 | margin-bottom: 0;
392 | }
393 |
394 | /*--------------------------------------------------------------
395 | # About
396 | --------------------------------------------------------------*/
397 | .container1{
398 | padding: 20px;
399 |
400 | }
401 |
402 | .container1 .image{
403 | float: right;
404 | padding-left: 20px;
405 | padding-right: 280px;
406 | margin-right:-200px;
407 | margin-top: -px;
408 | }
409 | .container1 .text0{
410 | font-size: 25px;
411 | padding:100px;
412 | background-color: #fff7fd;
413 | color:black;
414 | width: 1300px;
415 | height: 300px;
416 | font-weight: 200;
417 | }
418 |
419 | .container1 .image1{
420 | float: left;
421 | padding-right: 10px;
422 | margin-left: px;
423 | margin-top:-120px;
424 |
425 | }
426 | /*-------------------------------------------------------------
427 | Founder and Secertary
428 | --------------------------------------------------------------*/
429 | .container .img
430 | {
431 | float: right;
432 | padding-left:20px;
433 | padding-right: 20px;
434 | margin-right:-20px;
435 | padding-top: 130px;
436 | padding-right: 80px;
437 |
438 | }
439 |
440 | .container .text
441 | {
442 |
443 | font-size: 20px;
444 | padding:30px;
445 | background-color: #D0F0C0;
446 | padding-top: 90px;
447 | width: 1300px;
448 | height: 500px;
449 | }
450 |
451 | /*.activities
452 | {
453 | display: flex;
454 | box-sizing: border-box;
455 | color:black;
456 | font-weight: 600;
457 | }
458 |
459 | .activities .img
460 | {
461 | float: right;
462 | padding-left:20px;
463 | padding-right: 20px;
464 | margin-right:-20px;
465 |
466 | }
467 |
468 | .activities .text
469 | {
470 |
471 | font-size: 20px;
472 | padding:30px;
473 | background-color: #14b1ff;
474 | border-radius: 0 0 0 35px;
475 | box-shadow: 0px 5px #d6d6d6;
476 | width: 1300px;
477 | height: 210px;
478 | }
479 |
480 | .activities .img2
481 | {
482 | float: left;
483 | padding-left:-20px;
484 | padding-right:20px;
485 | margin-right:20px;
486 |
487 | }
488 |
489 | .activities .text2
490 | {
491 | font-size: 1.3rem;
492 |
493 | padding:20px;
494 | background-color: #7c858a;
495 | border-radius: 0 0 35px 0;
496 | box-shadow: 0px 5px #d6d6d6;
497 |
498 | }
499 |
500 | .activities .img3
501 | {
502 | float: right;
503 | padding-left:20px;
504 | padding-right: 20px;
505 | margin-right:-20px;
506 | padding-top:80px;
507 | }*/
508 | /*-------------------------------------------------------------
509 | Our mission vision goals
510 | --------------------------------------------------------------*/
511 | .vision{
512 | padding: 20px;
513 | }
514 |
515 | .obj2 .img2{
516 | margin-left:20px;
517 | margin-top: -150px;
518 | }
519 |
520 | .column{
521 | color: whitesmoke;
522 | height: 200px;
523 | width: 100px;
524 | margin-top: 100px;
525 | }
526 |
527 | .column {
528 | display: flex;
529 | width: 33.33%;
530 | padding: 5px;
531 | }
532 |
533 | .row::after {
534 | content: "";
535 | clear: both;
536 | display: table;
537 | }
538 | /*-------------------------------------------------------------
539 | Our Objective
540 | --------------------------------------------------------------*/
541 | .object{
542 | padding: 20px;
543 | }
544 | h1{
545 | text-align: center;
546 | color: balck;
547 | text-decoration: underline;
548 | text-decoration-color: #1ca7e8;
549 | }
550 | .object .text1{
551 | font-size: 25px;
552 | padding-right:250px;
553 | padding-top: 40px;
554 | padding-bottom: 20px;
555 | padding-left: 50px;
556 | background-color: #1ca7e8;
557 | box-shadow: 0px 5px #d6d6d6;
558 | color: white;
559 | width: 1470px;
560 | }
561 | .triangle-right {
562 | width: 0;
563 | height: 0;
564 | border-top: 50px solid transparent;
565 | border-left: 100px solid #aef272;
566 | border-bottom: 50px solid transparent;
567 | padding-bottom: 0px;
568 | margin-top: 0px;
569 | }
570 |
571 | /*-------------------------------------------------------------
572 | Mission and vision
573 | --------------------------------------------------------------*/
574 |
575 | .mission .img1{
576 | padding-left: 500px;
577 | margin-bottom: -50px;
578 |
579 | }
580 | /*-------------------------------------------------------------
581 | Button
582 | --------------------------------------------------------------*/
583 |
584 | .button2{
585 | border: 20px;
586 | color: white;
587 | padding: 15px 50px;
588 | text-align: center;
589 | text-decoration: none;
590 | display: inline-block;
591 | font-size: 20px;
592 | margin: 6px 2px;
593 | cursor: pointer;
594 | background-color: #4CAF50;
595 | color: White;
596 | border: 2px solid #4CAF50;
597 | border-radius: 12px;
598 | border-color: #33c9cc;
599 | border-width: 5px;
600 | margin-left:700px;
601 | margin-top: 30px;
602 |
603 | }
604 | .button2:hover {
605 | background-color: #4CAF50 ;
606 | color: pink;
607 | }
608 | /*--------------------------------------------------------------
609 | # Contact
610 | --------------------------------------------------------------*/
611 | .contact .info {
612 | padding: 30px;
613 | background: #fff;
614 | width: 100%;
615 | border: 2px solid #e9ecee;
616 | border-radius: 4px;
617 | }
618 | .contact .info i {
619 | font-size: 20px;
620 | color: #009cea;
621 | float: left;
622 | width: 44px;
623 | height: 44px;
624 | background: #f2f4f5;
625 | display: flex;
626 | justify-content: center;
627 | align-items: center;
628 | border-radius: 50px;
629 | transition: all 0.3s ease-in-out;
630 | }
631 | .contact .info h4 {
632 | padding: 0 0 0 60px;
633 | font-size: 20px;
634 | font-weight: 600;
635 | margin-bottom: 5px;
636 | color: #364146;
637 | }
638 | .contact .info p {
639 | padding: 0 0 10px 60px;
640 | margin-bottom: 20px;
641 | font-size: 14px;
642 | color: #627680;
643 | }
644 | .contact .info .social-links {
645 | padding-left: 60px;
646 | }
647 | .contact .info .social-links a {
648 | font-size: 18px;
649 | display: inline-block;
650 | background: #333;
651 | color: #fff;
652 | line-height: 1;
653 | padding: 8px 0;
654 | border-radius: 50%;
655 | text-align: center;
656 | width: 36px;
657 | height: 36px;
658 | transition: 0.3s;
659 | margin-right: 10px;
660 | }
661 | .contact .info .social-links a:hover {
662 | background: #009cea;
663 | color: #fff;
664 | }
665 | .contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
666 | background: #009cea;
667 | color: #fff;
668 | }
669 | .contact .php-email-form {
670 |
671 | width: 100%;
672 | padding: 30px;
673 | background: #fff;
674 |
675 | }
676 | .contact .php-email-form .form-group {
677 | padding-bottom: 8px;
678 | }
679 |
680 |
681 |
682 | .contact .php-email-form input, .contact .php-email-form textarea {
683 | border-radius: 0;
684 | box-shadow: none;
685 | font-size: 14px;
686 | width: 300px;
687 | }
688 | .contact .php-email-form input {
689 | height: 44px;
690 | width:350px;
691 | border-radius: 5px;
692 | background-color: #e6f4fb;
693 | }
694 | #myFile
695 | {
696 | background-color: white;
697 | }
698 | .contact .php-email-form button[type=submit] {
699 | background: #fc8f00;
700 | border: 0;
701 |
702 | padding: 10px 24px;
703 | color: #fff;
704 | transition: 0.4s;
705 | border-radius: 4px;
706 | }
707 | .contact .php-email-form button[type=submit]:hover {
708 | background: #1eb4ff;
709 | }
710 | @-webkit-keyframes animate-loading {
711 | 0% {
712 | transform: rotate(0deg);
713 | }
714 | 100% {
715 | transform: rotate(360deg);
716 | }
717 | }
718 | @keyframes animate-loading {
719 | 0% {
720 | transform: rotate(0deg);
721 | }
722 | 100% {
723 | transform: rotate(360deg);
724 | }
725 | }
726 |
727 | /*--------------------------------------------------------------
728 | # Breadcrumbs
729 | --------------------------------------------------------------*/
730 | .breadcrumbs {
731 | padding: 15px 0;
732 | background: #f4f6f7;
733 | min-height: 40px;
734 | margin-top: 70px;
735 | }
736 | .breadcrumbs h2 {
737 | font-size: 24px;
738 | font-weight: 600;
739 | }
740 | .breadcrumbs ol {
741 | display: flex;
742 | flex-wrap: wrap;
743 | list-style: none;
744 | padding: 0 0 10px 0;
745 | margin: 0;
746 | font-size: 14px;
747 | }
748 | .breadcrumbs ol li + li {
749 | padding-left: 10px;
750 | }
751 | .breadcrumbs ol li + li::before {
752 | display: inline-block;
753 | padding-right: 10px;
754 | color: #4c5c63;
755 | content: "/";
756 | }
757 |
758 | /*--------------------------------------------------------------
759 | # Footer
760 | --------------------------------------------------------------*/
761 | #footer {
762 | background: #364146;
763 | padding: 0 0 30px 0;
764 | color: #f7f8f9;
765 | font-size: 14px;
766 | justify-content: center;
767 | text-align: center;
768 | }
769 | #footer .footer-top {
770 | background: #364146;
771 | padding: 60px 0 30px 0;
772 |
773 | }
774 | #footer .footer-top .footer-info {
775 | margin-bottom: 30px;
776 | }
777 | #footer .footer-top .footer-info h3 {
778 | font-size: 24px;
779 | margin: 0 0 20px 0;
780 | padding: 2px 0 2px 0;
781 | line-height: 1;
782 | font-weight: 700;
783 | }
784 | #footer .footer-top .footer-info p {
785 | font-size: 14px;
786 | line-height: 24px;
787 | margin-bottom: 0;
788 | font-family: "Raleway", sans-serif;
789 | color: #333030;
790 | }
791 | #footer .footer-top .social-links a {
792 | font-size: 18px;
793 | display: inline-block;
794 | background: #364146;
795 | color: #8a9ca5;
796 | line-height: 1;
797 | padding: 8px 0;
798 | margin-right: 4px;
799 | border-radius: 50%;
800 | text-align: center;
801 | width: 36px;
802 | height: 36px;
803 | transition: 0.3s;
804 | }
805 |
806 | #footer .footer-top h4 {
807 | font-size: 16px;
808 | font-weight: 600;
809 | color: #ffffff;
810 | position: relative;
811 | padding-bottom: 12px;
812 | }
813 | #footer .footer-top .footer-links {
814 | margin-bottom: 30px;
815 | }
816 | #footer .footer-top .footer-links ul {
817 | list-style: none;
818 | padding: 0;
819 | margin: 0;
820 | }
821 | #footer .footer-top .footer-links ul i {
822 | padding-right: 2px;
823 |
824 | font-size: 18px;
825 | line-height: 1;
826 | margin-left: 100px;
827 | align-items: right;
828 | }
829 | #footer .footer-top .footer-links ul li {
830 | padding: 10px 0;
831 | display: flex;
832 | align-items: right;
833 | }
834 | #footer .footer-top .footer-links ul li:first-child {
835 | padding-top: 0;
836 | }
837 | #footer .footer-top .footer-links ul a {
838 | color: #ffffff;
839 | transition: 0.3s;
840 | display: inline-block;
841 | line-height: 1;
842 | text-align: right;
843 | }
844 |
845 |
846 |
847 | #footer .copyright {
848 | text-align: center;
849 | padding-top: 30px;
850 | }
851 | #footer .credits {
852 | padding-top: 8px;
853 | text-align: center;
854 | font-size: 13px;
855 | color: #364146;
856 | }
857 |
858 | #btn
859 | {
860 | padding-left: 15%;
861 | margin-right:1%;
862 | padding-top:25px;
863 | }
864 | #bt
865 | {
866 | width: 300px;
867 | background-color:rgb(87, 195, 87);
868 | color:white;
869 | }
870 | #pages
871 | {
872 | padding-left:10%;
873 | margin-right:1%;
874 | }
875 | .four
876 | {
877 | display: flex;
878 | }
879 | .button.block {
880 | display: block;
881 | width: 200px;
882 | }
883 |
884 | .margin-auto {
885 | margin: 0 auto;
886 | }
887 |
888 | #button
889 | {
890 | color:white;
891 | font-size: 1.4rem;
892 | font-weight: bold;
893 | background: rgb(4, 149, 4);
894 | border-radius: 25px;
895 | border: 7px solid cyan;
896 | }
--------------------------------------------------------------------------------
/assets/vendor/glightbox/css/glightbox.css:
--------------------------------------------------------------------------------
1 | .glightbox-container {
2 | width: 100%;
3 | height: 100%;
4 | position: fixed;
5 | top: 0;
6 | left: 0;
7 | z-index: 999999 !important;
8 | overflow: hidden;
9 | -ms-touch-action: none;
10 | touch-action: none;
11 | -webkit-text-size-adjust: 100%;
12 | -moz-text-size-adjust: 100%;
13 | -ms-text-size-adjust: 100%;
14 | text-size-adjust: 100%;
15 | -webkit-backface-visibility: hidden;
16 | backface-visibility: hidden;
17 | outline: none;
18 | overflow: hidden;
19 | }
20 |
21 | .glightbox-container.inactive {
22 | display: none;
23 | }
24 |
25 | .glightbox-container .gcontainer {
26 | position: relative;
27 | width: 100%;
28 | height: 100%;
29 | z-index: 9999;
30 | overflow: hidden;
31 | }
32 |
33 | .glightbox-container .gslider {
34 | -webkit-transition: -webkit-transform 0.4s ease;
35 | transition: -webkit-transform 0.4s ease;
36 | transition: transform 0.4s ease;
37 | transition: transform 0.4s ease, -webkit-transform 0.4s ease;
38 | height: 100%;
39 | left: 0;
40 | top: 0;
41 | width: 100%;
42 | position: relative;
43 | overflow: hidden;
44 | display: -webkit-box !important;
45 | display: -ms-flexbox !important;
46 | display: flex !important;
47 | -webkit-box-pack: center;
48 | -ms-flex-pack: center;
49 | justify-content: center;
50 | -webkit-box-align: center;
51 | -ms-flex-align: center;
52 | align-items: center;
53 | -webkit-transform: translate3d(0, 0, 0);
54 | transform: translate3d(0, 0, 0);
55 | }
56 |
57 | .glightbox-container .gslide {
58 | width: 100%;
59 | position: absolute;
60 | opacity: 1;
61 | -webkit-user-select: none;
62 | -moz-user-select: none;
63 | -ms-user-select: none;
64 | user-select: none;
65 | display: -webkit-box;
66 | display: -ms-flexbox;
67 | display: flex;
68 | -webkit-box-align: center;
69 | -ms-flex-align: center;
70 | align-items: center;
71 | -webkit-box-pack: center;
72 | -ms-flex-pack: center;
73 | justify-content: center;
74 | opacity: 0;
75 | }
76 |
77 | .glightbox-container .gslide.current {
78 | opacity: 1;
79 | z-index: 99999;
80 | position: relative;
81 | }
82 |
83 | .glightbox-container .gslide.prev {
84 | opacity: 1;
85 | z-index: 9999;
86 | }
87 |
88 | .glightbox-container .gslide-inner-content {
89 | width: 100%;
90 | }
91 |
92 | .glightbox-container .ginner-container {
93 | position: relative;
94 | width: 100%;
95 | display: -webkit-box;
96 | display: -ms-flexbox;
97 | display: flex;
98 | -webkit-box-pack: center;
99 | -ms-flex-pack: center;
100 | justify-content: center;
101 | -webkit-box-orient: vertical;
102 | -webkit-box-direction: normal;
103 | -ms-flex-direction: column;
104 | flex-direction: column;
105 | max-width: 100%;
106 | margin: auto;
107 | height: 100vh;
108 | }
109 |
110 | .glightbox-container .ginner-container.gvideo-container {
111 | width: 100%;
112 | }
113 |
114 | .glightbox-container .ginner-container.desc-bottom,
115 | .glightbox-container .ginner-container.desc-top {
116 | -webkit-box-orient: vertical;
117 | -webkit-box-direction: normal;
118 | -ms-flex-direction: column;
119 | flex-direction: column;
120 | }
121 |
122 | .glightbox-container .ginner-container.desc-left,
123 | .glightbox-container .ginner-container.desc-right {
124 | max-width: 100% !important;
125 | }
126 |
127 | .gslide iframe,
128 | .gslide video {
129 | outline: none !important;
130 | border: none;
131 | min-height: 165px;
132 | -webkit-overflow-scrolling: touch;
133 | -ms-touch-action: auto;
134 | touch-action: auto;
135 | }
136 |
137 | .gslide:not(.current) {
138 | pointer-events: none;
139 | }
140 |
141 | .gslide-image {
142 | -webkit-box-align: center;
143 | -ms-flex-align: center;
144 | align-items: center;
145 | }
146 |
147 | .gslide-image img {
148 | max-height: 100vh;
149 | display: block;
150 | padding: 0;
151 | float: none;
152 | outline: none;
153 | border: none;
154 | -webkit-user-select: none;
155 | -moz-user-select: none;
156 | -ms-user-select: none;
157 | user-select: none;
158 | max-width: 100vw;
159 | width: auto;
160 | height: auto;
161 | -o-object-fit: cover;
162 | object-fit: cover;
163 | -ms-touch-action: none;
164 | touch-action: none;
165 | margin: auto;
166 | min-width: 200px;
167 | }
168 |
169 | .desc-top .gslide-image img,
170 | .desc-bottom .gslide-image img {
171 | width: auto;
172 | }
173 |
174 | .desc-left .gslide-image img,
175 | .desc-right .gslide-image img {
176 | width: auto;
177 | max-width: 100%;
178 | }
179 |
180 | .gslide-image img.zoomable {
181 | position: relative;
182 | }
183 |
184 | .gslide-image img.dragging {
185 | cursor: -webkit-grabbing !important;
186 | cursor: grabbing !important;
187 | -webkit-transition: none;
188 | transition: none;
189 | }
190 |
191 | .gslide-video {
192 | position: relative;
193 | max-width: 100vh;
194 | width: 100% !important;
195 | }
196 |
197 | .gslide-video .gvideo-wrapper {
198 | width: 100%;
199 | /* max-width: 160vmin; */
200 | margin: auto;
201 | }
202 |
203 | .gslide-video::before {
204 | content: '';
205 | display: block;
206 | position: absolute;
207 | width: 100%;
208 | height: 100%;
209 | background: rgba(255, 0, 0, 0.34);
210 | display: none;
211 | }
212 |
213 | .gslide-video.playing::before {
214 | display: none;
215 | }
216 |
217 | .gslide-video.fullscreen {
218 | max-width: 100% !important;
219 | min-width: 100%;
220 | height: 75vh;
221 | }
222 |
223 | .gslide-video.fullscreen video {
224 | max-width: 100% !important;
225 | width: 100% !important;
226 | }
227 |
228 | .gslide-inline {
229 | background: #fff;
230 | text-align: left;
231 | max-height: calc(100vh - 40px);
232 | overflow: auto;
233 | max-width: 100%;
234 | }
235 |
236 | .gslide-inline .ginlined-content {
237 | padding: 20px;
238 | width: 100%;
239 | }
240 |
241 | .gslide-inline .dragging {
242 | cursor: -webkit-grabbing !important;
243 | cursor: grabbing !important;
244 | -webkit-transition: none;
245 | transition: none;
246 | }
247 |
248 | .ginlined-content {
249 | overflow: auto;
250 | display: block !important;
251 | opacity: 1;
252 | }
253 |
254 | .gslide-external {
255 | display: -webkit-box;
256 | display: -ms-flexbox;
257 | display: flex;
258 | width: 100%;
259 | min-width: 100%;
260 | background: #fff;
261 | padding: 0;
262 | overflow: auto;
263 | max-height: 75vh;
264 | height: 100%;
265 | }
266 |
267 | .gslide-media {
268 | display: -webkit-box;
269 | display: -ms-flexbox;
270 | display: flex;
271 | width: auto;
272 | }
273 |
274 | .zoomed .gslide-media {
275 | -webkit-box-shadow: none !important;
276 | box-shadow: none !important;
277 | }
278 |
279 | .desc-top .gslide-media,
280 | .desc-bottom .gslide-media {
281 | margin: 0 auto;
282 | -webkit-box-orient: vertical;
283 | -webkit-box-direction: normal;
284 | -ms-flex-direction: column;
285 | flex-direction: column;
286 | }
287 |
288 | .gslide-description {
289 | position: relative;
290 | -webkit-box-flex: 1;
291 | -ms-flex: 1 0 100%;
292 | flex: 1 0 100%;
293 | }
294 |
295 | .gslide-description.description-left,
296 | .gslide-description.description-right {
297 | max-width: 100%;
298 | }
299 |
300 | .gslide-description.description-bottom,
301 | .gslide-description.description-top {
302 | margin: 0 auto;
303 | width: 100%;
304 | }
305 |
306 | .gslide-description p {
307 | margin-bottom: 12px;
308 | }
309 |
310 | .gslide-description p:last-child {
311 | margin-bottom: 0;
312 | }
313 |
314 | .zoomed .gslide-description {
315 | display: none;
316 | }
317 |
318 | .glightbox-button-hidden {
319 | display: none;
320 | }
321 |
322 |
323 | /*
324 | * Description for mobiles
325 | * something like facebook does the description
326 | * for the photos
327 | */
328 |
329 | .glightbox-mobile .glightbox-container .gslide-description {
330 | height: auto !important;
331 | width: 100%;
332 | background: transparent;
333 | position: absolute;
334 | bottom: 0;
335 | padding: 19px 11px;
336 | max-width: 100vw !important;
337 | -webkit-box-ordinal-group: 3 !important;
338 | -ms-flex-order: 2 !important;
339 | order: 2 !important;
340 | max-height: 78vh;
341 | overflow: auto !important;
342 | background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
343 | background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
344 | -webkit-transition: opacity 0.3s linear;
345 | transition: opacity 0.3s linear;
346 | padding-bottom: 50px;
347 | }
348 |
349 | .glightbox-mobile .glightbox-container .gslide-title {
350 | color: #fff;
351 | font-size: 1em;
352 | }
353 |
354 | .glightbox-mobile .glightbox-container .gslide-desc {
355 | color: #a1a1a1;
356 | }
357 |
358 | .glightbox-mobile .glightbox-container .gslide-desc a {
359 | color: #fff;
360 | font-weight: bold;
361 | }
362 |
363 | .glightbox-mobile .glightbox-container .gslide-desc * {
364 | color: inherit;
365 | }
366 |
367 | .glightbox-mobile .glightbox-container .gslide-desc string {
368 | color: #fff;
369 | }
370 |
371 | .glightbox-mobile .glightbox-container .gslide-desc .desc-more {
372 | color: #fff;
373 | opacity: 0.4;
374 | }
375 |
376 | .gdesc-open .gslide-media {
377 | -webkit-transition: opacity 0.5s ease;
378 | transition: opacity 0.5s ease;
379 | opacity: 0.4;
380 | }
381 |
382 | .gdesc-open .gdesc-inner {
383 | padding-bottom: 30px;
384 | }
385 |
386 | .gdesc-closed .gslide-media {
387 | -webkit-transition: opacity 0.5s ease;
388 | transition: opacity 0.5s ease;
389 | opacity: 1;
390 | }
391 |
392 | .greset {
393 | -webkit-transition: all 0.3s ease;
394 | transition: all 0.3s ease;
395 | }
396 |
397 | .gabsolute {
398 | position: absolute;
399 | }
400 |
401 | .grelative {
402 | position: relative;
403 | }
404 |
405 | .glightbox-desc {
406 | display: none !important;
407 | }
408 |
409 | .glightbox-open {
410 | overflow: hidden;
411 | }
412 |
413 | .gloader {
414 | height: 25px;
415 | width: 25px;
416 | -webkit-animation: lightboxLoader 0.8s infinite linear;
417 | animation: lightboxLoader 0.8s infinite linear;
418 | border: 2px solid #fff;
419 | border-right-color: transparent;
420 | border-radius: 50%;
421 | position: absolute;
422 | display: block;
423 | z-index: 9999;
424 | left: 0;
425 | right: 0;
426 | margin: 0 auto;
427 | top: 47%;
428 | }
429 |
430 | .goverlay {
431 | width: 100%;
432 | height: calc(100vh + 1px);
433 | position: fixed;
434 | top: -1px;
435 | left: 0;
436 | background: #000;
437 | will-change: opacity;
438 | }
439 |
440 | .glightbox-mobile .goverlay {
441 | background: #000;
442 | }
443 |
444 | .gprev,
445 | .gnext,
446 | .gclose {
447 | z-index: 99999;
448 | cursor: pointer;
449 | width: 26px;
450 | height: 44px;
451 | border: none;
452 | display: -webkit-box;
453 | display: -ms-flexbox;
454 | display: flex;
455 | -webkit-box-pack: center;
456 | -ms-flex-pack: center;
457 | justify-content: center;
458 | -webkit-box-align: center;
459 | -ms-flex-align: center;
460 | align-items: center;
461 | -webkit-box-orient: vertical;
462 | -webkit-box-direction: normal;
463 | -ms-flex-direction: column;
464 | flex-direction: column;
465 | }
466 |
467 | .gprev svg,
468 | .gnext svg,
469 | .gclose svg {
470 | display: block;
471 | width: 25px;
472 | height: auto;
473 | margin: 0;
474 | padding: 0;
475 | }
476 |
477 | .gprev.disabled,
478 | .gnext.disabled,
479 | .gclose.disabled {
480 | opacity: 0.1;
481 | }
482 |
483 | .gprev .garrow,
484 | .gnext .garrow,
485 | .gclose .garrow {
486 | stroke: #fff;
487 | }
488 |
489 | .gbtn.focused {
490 | outline: 2px solid #0f3d81;
491 | }
492 |
493 | iframe.wait-autoplay {
494 | opacity: 0;
495 | }
496 |
497 | .glightbox-closing .gnext,
498 | .glightbox-closing .gprev,
499 | .glightbox-closing .gclose {
500 | opacity: 0 !important;
501 | }
502 |
503 |
504 | /*Skin */
505 |
506 | .glightbox-clean .gslide-description {
507 | background: #fff;
508 | }
509 |
510 | .glightbox-clean .gdesc-inner {
511 | padding: 22px 20px;
512 | }
513 |
514 | .glightbox-clean .gslide-title {
515 | font-size: 1em;
516 | font-weight: normal;
517 | font-family: arial;
518 | color: #000;
519 | margin-bottom: 19px;
520 | line-height: 1.4em;
521 | }
522 |
523 | .glightbox-clean .gslide-desc {
524 | font-size: 0.86em;
525 | margin-bottom: 0;
526 | font-family: arial;
527 | line-height: 1.4em;
528 | }
529 |
530 | .glightbox-clean .gslide-video {
531 | background: #000;
532 | }
533 |
534 | .glightbox-clean .gprev,
535 | .glightbox-clean .gnext,
536 | .glightbox-clean .gclose {
537 | background-color: rgba(0, 0, 0, 0.75);
538 | border-radius: 4px;
539 | }
540 |
541 | .glightbox-clean .gprev path,
542 | .glightbox-clean .gnext path,
543 | .glightbox-clean .gclose path {
544 | fill: #fff;
545 | }
546 |
547 | .glightbox-clean .gprev {
548 | position: absolute;
549 | top: -100%;
550 | left: 30px;
551 | width: 40px;
552 | height: 50px;
553 | }
554 |
555 | .glightbox-clean .gnext {
556 | position: absolute;
557 | top: -100%;
558 | right: 30px;
559 | width: 40px;
560 | height: 50px;
561 | }
562 |
563 | .glightbox-clean .gclose {
564 | width: 35px;
565 | height: 35px;
566 | top: 15px;
567 | right: 10px;
568 | position: absolute;
569 | }
570 |
571 | .glightbox-clean .gclose svg {
572 | width: 18px;
573 | height: auto;
574 | }
575 |
576 | .glightbox-clean .gclose:hover {
577 | opacity: 1;
578 | }
579 |
580 |
581 | /*CSS Animations*/
582 |
583 | .gfadeIn {
584 | -webkit-animation: gfadeIn 0.5s ease;
585 | animation: gfadeIn 0.5s ease;
586 | }
587 |
588 | .gfadeOut {
589 | -webkit-animation: gfadeOut 0.5s ease;
590 | animation: gfadeOut 0.5s ease;
591 | }
592 |
593 | .gslideOutLeft {
594 | -webkit-animation: gslideOutLeft 0.3s ease;
595 | animation: gslideOutLeft 0.3s ease;
596 | }
597 |
598 | .gslideInLeft {
599 | -webkit-animation: gslideInLeft 0.3s ease;
600 | animation: gslideInLeft 0.3s ease;
601 | }
602 |
603 | .gslideOutRight {
604 | -webkit-animation: gslideOutRight 0.3s ease;
605 | animation: gslideOutRight 0.3s ease;
606 | }
607 |
608 | .gslideInRight {
609 | -webkit-animation: gslideInRight 0.3s ease;
610 | animation: gslideInRight 0.3s ease;
611 | }
612 |
613 | .gzoomIn {
614 | -webkit-animation: gzoomIn 0.5s ease;
615 | animation: gzoomIn 0.5s ease;
616 | }
617 |
618 | .gzoomOut {
619 | -webkit-animation: gzoomOut 0.5s ease;
620 | animation: gzoomOut 0.5s ease;
621 | }
622 |
623 | @-webkit-keyframes lightboxLoader {
624 | 0% {
625 | -webkit-transform: rotate(0deg);
626 | transform: rotate(0deg);
627 | }
628 | 100% {
629 | -webkit-transform: rotate(360deg);
630 | transform: rotate(360deg);
631 | }
632 | }
633 |
634 | @keyframes lightboxLoader {
635 | 0% {
636 | -webkit-transform: rotate(0deg);
637 | transform: rotate(0deg);
638 | }
639 | 100% {
640 | -webkit-transform: rotate(360deg);
641 | transform: rotate(360deg);
642 | }
643 | }
644 |
645 | @-webkit-keyframes gfadeIn {
646 | from {
647 | opacity: 0;
648 | }
649 | to {
650 | opacity: 1;
651 | }
652 | }
653 |
654 | @keyframes gfadeIn {
655 | from {
656 | opacity: 0;
657 | }
658 | to {
659 | opacity: 1;
660 | }
661 | }
662 |
663 | @-webkit-keyframes gfadeOut {
664 | from {
665 | opacity: 1;
666 | }
667 | to {
668 | opacity: 0;
669 | }
670 | }
671 |
672 | @keyframes gfadeOut {
673 | from {
674 | opacity: 1;
675 | }
676 | to {
677 | opacity: 0;
678 | }
679 | }
680 |
681 | @-webkit-keyframes gslideInLeft {
682 | from {
683 | opacity: 0;
684 | -webkit-transform: translate3d(-60%, 0, 0);
685 | transform: translate3d(-60%, 0, 0);
686 | }
687 | to {
688 | visibility: visible;
689 | -webkit-transform: translate3d(0, 0, 0);
690 | transform: translate3d(0, 0, 0);
691 | opacity: 1;
692 | }
693 | }
694 |
695 | @keyframes gslideInLeft {
696 | from {
697 | opacity: 0;
698 | -webkit-transform: translate3d(-60%, 0, 0);
699 | transform: translate3d(-60%, 0, 0);
700 | }
701 | to {
702 | visibility: visible;
703 | -webkit-transform: translate3d(0, 0, 0);
704 | transform: translate3d(0, 0, 0);
705 | opacity: 1;
706 | }
707 | }
708 |
709 | @-webkit-keyframes gslideOutLeft {
710 | from {
711 | opacity: 1;
712 | visibility: visible;
713 | -webkit-transform: translate3d(0, 0, 0);
714 | transform: translate3d(0, 0, 0);
715 | }
716 | to {
717 | -webkit-transform: translate3d(-60%, 0, 0);
718 | transform: translate3d(-60%, 0, 0);
719 | opacity: 0;
720 | visibility: hidden;
721 | }
722 | }
723 |
724 | @keyframes gslideOutLeft {
725 | from {
726 | opacity: 1;
727 | visibility: visible;
728 | -webkit-transform: translate3d(0, 0, 0);
729 | transform: translate3d(0, 0, 0);
730 | }
731 | to {
732 | -webkit-transform: translate3d(-60%, 0, 0);
733 | transform: translate3d(-60%, 0, 0);
734 | opacity: 0;
735 | visibility: hidden;
736 | }
737 | }
738 |
739 | @-webkit-keyframes gslideInRight {
740 | from {
741 | opacity: 0;
742 | visibility: visible;
743 | -webkit-transform: translate3d(60%, 0, 0);
744 | transform: translate3d(60%, 0, 0);
745 | }
746 | to {
747 | -webkit-transform: translate3d(0, 0, 0);
748 | transform: translate3d(0, 0, 0);
749 | opacity: 1;
750 | }
751 | }
752 |
753 | @keyframes gslideInRight {
754 | from {
755 | opacity: 0;
756 | visibility: visible;
757 | -webkit-transform: translate3d(60%, 0, 0);
758 | transform: translate3d(60%, 0, 0);
759 | }
760 | to {
761 | -webkit-transform: translate3d(0, 0, 0);
762 | transform: translate3d(0, 0, 0);
763 | opacity: 1;
764 | }
765 | }
766 |
767 | @-webkit-keyframes gslideOutRight {
768 | from {
769 | opacity: 1;
770 | visibility: visible;
771 | -webkit-transform: translate3d(0, 0, 0);
772 | transform: translate3d(0, 0, 0);
773 | }
774 | to {
775 | -webkit-transform: translate3d(60%, 0, 0);
776 | transform: translate3d(60%, 0, 0);
777 | opacity: 0;
778 | }
779 | }
780 |
781 | @keyframes gslideOutRight {
782 | from {
783 | opacity: 1;
784 | visibility: visible;
785 | -webkit-transform: translate3d(0, 0, 0);
786 | transform: translate3d(0, 0, 0);
787 | }
788 | to {
789 | -webkit-transform: translate3d(60%, 0, 0);
790 | transform: translate3d(60%, 0, 0);
791 | opacity: 0;
792 | }
793 | }
794 |
795 | @-webkit-keyframes gzoomIn {
796 | from {
797 | opacity: 0;
798 | -webkit-transform: scale3d(0.3, 0.3, 0.3);
799 | transform: scale3d(0.3, 0.3, 0.3);
800 | }
801 | to {
802 | opacity: 1;
803 | }
804 | }
805 |
806 | @keyframes gzoomIn {
807 | from {
808 | opacity: 0;
809 | -webkit-transform: scale3d(0.3, 0.3, 0.3);
810 | transform: scale3d(0.3, 0.3, 0.3);
811 | }
812 | to {
813 | opacity: 1;
814 | }
815 | }
816 |
817 | @-webkit-keyframes gzoomOut {
818 | from {
819 | opacity: 1;
820 | }
821 | 50% {
822 | opacity: 0;
823 | -webkit-transform: scale3d(0.3, 0.3, 0.3);
824 | transform: scale3d(0.3, 0.3, 0.3);
825 | }
826 | to {
827 | opacity: 0;
828 | }
829 | }
830 |
831 | @keyframes gzoomOut {
832 | from {
833 | opacity: 1;
834 | }
835 | 50% {
836 | opacity: 0;
837 | -webkit-transform: scale3d(0.3, 0.3, 0.3);
838 | transform: scale3d(0.3, 0.3, 0.3);
839 | }
840 | to {
841 | opacity: 0;
842 | }
843 | }
844 |
845 | @media (min-width: 769px) {
846 | .glightbox-container .ginner-container {
847 | width: auto;
848 | height: auto;
849 | -webkit-box-orient: horizontal;
850 | -webkit-box-direction: normal;
851 | -ms-flex-direction: row;
852 | flex-direction: row;
853 | }
854 | .glightbox-container .ginner-container.desc-top .gslide-description {
855 | -webkit-box-ordinal-group: 1;
856 | -ms-flex-order: 0;
857 | order: 0;
858 | }
859 | .glightbox-container .ginner-container.desc-top .gslide-image,
860 | .glightbox-container .ginner-container.desc-top .gslide-image img {
861 | -webkit-box-ordinal-group: 2;
862 | -ms-flex-order: 1;
863 | order: 1;
864 | }
865 | .glightbox-container .ginner-container.desc-left .gslide-description {
866 | -webkit-box-ordinal-group: 1;
867 | -ms-flex-order: 0;
868 | order: 0;
869 | }
870 | .glightbox-container .ginner-container.desc-left .gslide-image {
871 | -webkit-box-ordinal-group: 2;
872 | -ms-flex-order: 1;
873 | order: 1;
874 | }
875 | .gslide-image img {
876 | max-height: 97vh;
877 | max-width: 100%;
878 | }
879 | .gslide-image img.zoomable {
880 | cursor: -webkit-zoom-in;
881 | cursor: zoom-in;
882 | }
883 | .zoomed .gslide-image img.zoomable {
884 | cursor: -webkit-grab;
885 | cursor: grab;
886 | }
887 | .gslide-inline {
888 | max-height: 95vh;
889 | }
890 | .gslide-external {
891 | max-height: 100vh;
892 | }
893 | .gslide-description.description-left,
894 | .gslide-description.description-right {
895 | max-width: 275px;
896 | }
897 | .glightbox-open {
898 | height: auto;
899 | }
900 | .goverlay {
901 | background: rgba(0, 0, 0, 0.92);
902 | }
903 | .glightbox-clean .gslide-media {
904 | -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
905 | box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
906 | }
907 | .glightbox-clean .description-left .gdesc-inner,
908 | .glightbox-clean .description-right .gdesc-inner {
909 | position: absolute;
910 | height: 100%;
911 | overflow-y: auto;
912 | }
913 | .glightbox-clean .gprev,
914 | .glightbox-clean .gnext,
915 | .glightbox-clean .gclose {
916 | background-color: rgba(0, 0, 0, 0.32);
917 | }
918 | .glightbox-clean .gprev:hover,
919 | .glightbox-clean .gnext:hover,
920 | .glightbox-clean .gclose:hover {
921 | background-color: rgba(0, 0, 0, 0.7);
922 | }
923 | .glightbox-clean .gprev {
924 | top: 45%;
925 | }
926 | .glightbox-clean .gnext {
927 | top: 45%;
928 | }
929 | }
930 |
931 | @media (min-width: 992px) {
932 | .glightbox-clean .gclose {
933 | opacity: 0.7;
934 | right: 20px;
935 | }
936 | }
937 |
938 | @media screen and (max-height: 420px) {
939 | .goverlay {
940 | background: #000;
941 | }
942 | }
943 |
--------------------------------------------------------------------------------