Issues:
1@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@100;300;400;600;700&display=swap");
2
3img {
4 max-width: 100%;
5 height: auto;
6}
7
8body.aside-open,
9body.categories-open {
10 overflow: hidden;
11}
12
13.header {
14 transition: all .5s;
15 padding: 23px 0
16}
17
18.header,
19.header.header-scrolled {
20 position: sticky;
21 top: 0;
22 left: 0;
23 right: 0;
24 z-index: 100;
25
26}
27
28.header.header-scrolled .navbar {
29 background: transparent
30}
31
32.header .top-nav {
33 display: flex;
34 flex-wrap: wrap;
35 justify-content: space-between;
36 align-items: center;
37 background-image: linear-gradient(rgb(66, 19, 42),rgb(77, 23, 51));
38 padding-right: var(--bs-gutter-x,.75rem) !important;
39 padding-left: var(--bs-gutter-x,.75rem) !important;
40}
41@media(max-width: 992px) {
42 .header .top-nav {
43 justify-content: center;
44 }
45}
46
47.header .logo {
48 margin: 0;
49 padding: 0 1rem 0 0;
50 display: flex;
51 align-items: center;
52 height: 50px;
53 max-width: calc(100% - 48px - 48px);
54}
55@media(max-width: 992px) {
56 .header .logo {
57 padding-left: 1rem;
58 margin-left: auto;
59 margin-right: auto;
60 }
61}
62
63@media (max-width:992px) {
64 .header {
65 border: 0
66 }
67}
68
69.navbar {
70 padding: 0
71}
72
73.navbar ul {
74 margin: 0;
75 padding: 0;
76 list-style: none
77}
78
79.navbar li,
80.navbar ul {
81 display: flex;
82 align-items: center
83}
84
85.navbar li {
86 position: relative;
87 justify-content: flex-end
88}
89
90.navbar a:not(.btn) {
91 display: flex;
92 align-items: center;
93 justify-content: center;
94 line-height: 30px;
95 text-transform: uppercase;
96 font-size: 16px;
97 color: #fff;
98 white-space: nowrap;
99 transition: .3s;
100 padding: 0 2rem;
101 height: 65px;
102 font-weight: 600
103}
104
105.navbar a:not(.btn):hover {
106 background-color: #1a0710
107}
108
109.navbar a:not(.btn):focus {
110 color: #fff
111}
112
113.navbar .active {
114 background: #1a0710;
115}
116
117.navbar li:hover>a {
118 color: #fff
119}
120
121.btn.btn-nav {
122 color: #fff;
123 background-color: #9A6480;
124 text-transform: uppercase;
125 font-size: 16px;
126 display: inline-flex;
127 align-items: center;
128 padding: 0 1.5rem;
129 height: 40px;
130}
131
132.mobile-show-categories,
133.mobile-nav-toggle {
134 color: #fff;
135 font-size: 28px;
136 cursor: pointer;
137 display: none;
138 line-height: 1;
139 transition: .5s;
140 align-items: center;
141 justify-content: center;
142 height: 50px;
143 padding: 0 10px;
144}
145
146.mobile-nav-toggle.bi-x {
147 color: #fff
148}
149
150@media (max-width:1500px) {
151 .header svg {
152 width: 90%
153 }
154 .header .navbar ul li a {
155 padding: 0 .5rem
156 }
157}
158
159@media (max-width:991px) {
160 .mobile-nav-toggle {
161 display: inline-flex
162 }
163 .navbar {
164 background: transparent
165 }
166 .navbar ul {
167 display: none
168 }
169}
170@media(max-width: 800px) {
171 .mobile-show-categories {
172 display: inline-flex;
173 }
174}
175
176.navbar-mobile {
177 position: fixed;
178 overflow: hidden;
179 top: 106px;
180 right: 0;
181 left: 0;
182 bottom: 0;
183 background: rgba(23, 26, 29, .6);
184 transition: .3s;
185 z-index: 999
186}
187
188.navbar-mobile .mobile-nav-toggle {
189 position: absolute;
190 top: 15px;
191 right: 15px
192}
193
194.navbar-mobile ul {
195 display: block;
196 position: absolute;
197 top: 15px;
198 right: 15px;
199 bottom: 15px;
200 left: 15px;
201 padding: 10px 0;
202 border-radius: 10px;
203 background: rgba(23, 26, 29, .7);
204 overflow-y: auto;
205 transition: .3s
206}
207
208.navbar-mobile li,
209.navbar-mobile li a {
210 justify-content: center
211}
212
213.navbar-mobile li a {
214 padding: 1.5rem 0;
215 font-size: 18px;
216 color: #fff !important;
217 align-items: center;
218 width: 100%;
219 height: auto
220}
221
222.navbar-mobile li a:hover {
223 color: #fff
224}
225
226@media(max-width: 992px) {
227 .search-bar {
228 flex: 1 0 100%;
229 max-width: 100%;
230 margin-top: 10px;
231 margin-bottom: 10px;
232 }
233}
234
235.aside {
236 width: 210px;
237 overflow-y: auto;
238 display: flex;
239 flex-wrap: nowrap;
240 align-items: stretch;
241 background-color: #ffffff;
242 box-shadow: 0 0 15px rgba(0,0,0,0.4);
243 clip-path: inset(0px -15px 0px 0px);
244 position: fixed;
245 height: 100%;
246}
247
248@media (max-width:800px) {
249 .aside {
250 display: none;
251 left: 0;
252 z-index: 10;
253 width: 100%;
254 }
255 .aside-open .aside {
256 display: flex;
257 }
258}
259
260.list-container {
261 /*background: #ffffff;*/
262 padding: 0 1rem;
263 width: 100%;
264
265
266}
267
268@media (max-width:800px) {
269 .list-container {
270 position: relative;
271 background-color: #fff;
272 }
273 .list-container.list-container-mobile {
274 left: 0;
275 }
276 .list-container.list-container-mobile::before {
277 width: 200%;
278 }
279 .list-container .inner-box {
280 display: block;
281 overflow-y: auto;
282 }
283}
284
285.list-container .list-header {
286 display: flex;
287 align-items: center;
288 justify-content: space-between;
289 font-size: 18px;
290 text-transform: uppercase;
291 font-weight: 600;
292 cursor: pointer;
293}
294.list-container .list-header .bi-caret-down-fill {
295 width: 22px;
296 height: 22px;
297 font-size: 18px;
298 display: flex;
299 justify-content: center;
300 align-items: center;
301 margin-left: auto;
302 color: #d00482;
303 transition: transform .3s ease 0s;
304}
305.list-container .list-header.active .bi-caret-down-fill {
306 transform: rotateX(180deg);
307}
308
309.list-container .category-list {
310 list-style: none;
311 padding-left: .3rem
312}
313
314.list-container .category-list li {
315 display: block;
316}
317
318.list-container .category-list li a {
319
font-size: 14px;
320 color: #7c7c7c;
321 text-transform: capitalize;
322 font-weight: 500;
323 display: flex;
324 align-items: center;
325 height: 0;
326 overflow: hidden;
327 transition: height .3s ease 0s;
328}
329.list-container .category-list.active li a,
330.list-container .category-list li a.active {
331 height: 30px;
332}
333
334.list-container .category-list li a.active,
335.list-container .category-list li a.active:before {
336 color: #FF262A;
337}
338
339.list-container .category-list li a.active .bi-x {
340 border: 2px solid #fff
341}
342
343
344.list-container .category-list li a:focus .bi-x {
345 border: 2px solid #fff
346}
347
348
349
350.list-container .category-list li a:before {
351 content: "\2022";
352 color: #7c7c7c;
353 width: 1em
354}
355
356.list-container .category-list li a .bi-x {
357 border: 2px solid #7c7c7c;
358 border-radius: 50%;
359 float: right;
360 width: 22px;
361 height: 22px;
362 font-size: 24px;
363 display: flex;
364 justify-content: center;
365 align-items: center;
366 margin-left: auto;
367}
368
369.list-container .list-container-mobile {
370 display: block
371}
372
373.list-container-mobile {
374 background: #161616;
375 display: block
376}
377
378.show-categories {
379 line-height: 32px;
380 position: relative;
381 left: calc(100% + 3rem - 15px);
382 padding: 0 15px;
383 width: 190px;
384 background-color: rgba(0,0,0,.9);
385}
386@media(min-width: 801px) {
387 .show-categories {
388 display: none;
389 }
390}
391.show-categories.bi-x {
392 margin: 1rem auto;
393 text-align: center;
394 border-radius: 50%;
395 height: 2rem;
396 width: 2rem;
397 border: 2px solid #fff;
398 display: flex;
399 font-size: 1.3rem;
400 justify-content: center;
401 align-items: center;
402 left: 0;
403 background-color: transparent;
404}
405
406.show-categories.bi-x i,
407.show-categories.bi-x span {
408 display: none
409}
410
411.footer {
412 background: #161616;
413}
414@media(min-width: 801px) {
415 .footer {
416 margin-left: 210px;
417 padding-left: 6px;
418 }
419}
420
421.footer .footer-top {
422 background: #000;
423 color: #fff;
424
font-size: 12px;
425 padding: 0 0;
426}
427
428@media (max-width:769px) {
429 .footer .footer-top {
430 text-align: center
431 }
432}
433
434.footer .footer-top p {
435 line-height: 1.4;
436 font-weight: 300;
437 color: #fff
438}
439
440.footer .footer-top p span {
441 font-weight: 400;
442 text-decoration: underline
443}
444
445.footer .footer-bottom {
446
447 display: flex;
448 align-items: center
449}
450
451.footer .footer-bottom .footer-logo {
452 display: flex
453}
454
455@media (max-width:992px) {
456 .footer .footer-bottom .footer-logo {
457 justify-content: center
458 }
459}
460
461.footer .footer-bottom .footer-list {
462 display: inline-flex;
463 list-style: none;
464 text-align: center
465}
466
467@media (max-width:560px) {
468 .footer .footer-bottom .footer-list {
469 flex-wrap: wrap
470 }
471}
472
473.footer .footer-bottom .footer-list li {
474 padding-top: .85rem
475}
476
477.footer .footer-bottom .footer-list li a {
478 color: #fff;
479 text-decoration: none;
480 font-weight: 600
481}
482
483.footer .footer-bottom .footer-list li a.custom-dot:before {
484 content: "\2022";
485 color: #fe262a !important;
486 width: 1em;
487 padding: 0 1rem
488}
489
490.form-control:focus {
491 box-shadow: none
492}
493
494.form-control {
495 display: block;
496 width: 100%;
497 padding: 0 .75rem;
498
font-size: 12px;
499 font-weight: 400;
500 line-height: 1.5;
501 color: #fff;
502 background-color: #fff;
503 background-clip: padding-box;
504 border: 1px solid #c8c8c8;
505
-webkit-appearance: none;
506
-moz-appearance: none;
507 appearance: none;
508 border-radius: .25rem;
509 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
510 top: -2px
511}
512textarea.form-control {
513 min-height: 120px;
514 padding: .75rem;
515}
516
517.form-control::-moz-placeholder {
518
font-size: 12px;
519 color: #c8c8c8
520}
521
522.form-control:-ms-input-placeholder {
523
font-size: 12px;
524 color: #c8c8c8
525}
526
527.form-control::placeholder {
528
font-size: 12px;
529 color: #c8c8c8
530}
531
532.input-group {
533
534 display: flex;
535 align-items: center;
536 height: 36px
537}
538
539.input-group .btn {
540 color: #fff;
541 top: -2px
542}
543
544.header input {
545 height: 36px;
546}
547.input-group>.form-control,
548.input-group>.form-select {
549 position: relative;
550 flex: 1 1 auto;
551 width: 1%;
552 min-width: 0;
553 color: #c8c8c8;
554 background: #121212;
555 border: none;
556 margin-left: .4rem
557}
558
559.gallery .thumbnail-card .image {
560 z-index: 1;
561 position: relative
562}
563
564.gallery .thumbnail-card .image .thumb-overflow {
565 width: 100%;
566 position: relative;
567 display: block;
568 overflow: hidden;
569 height: 0;
570 padding-top: 72.25%
571}
572
573.gallery .thumbnail-card .image .thumb-overflow img {
574 width: 100%;
575 top: 0;
576 left: 0;
577 height: 100%;
578
-o-object-fit: cover;
579 object-fit: cover;
580
-o-object-position: center;
581 object-position: center;
582 position: absolute
583}
584
585.gallery .thumbnail-card .image .thumb-overflow .img-thumbnail {
586 border: 0;
587 padding: 0;
588 border-radius: 0;
589 background: transparent
590}
591
592.top-icon {
593 border-radius: 15px;
594 background: rgba(0, 255, 203, .6);
595 width: 56px;
596 height: 18px;
597 color: #fff;
598
font-size: 10px;
599 font-weight: 400;
600 text-transform: uppercase;
601 display: flex;
602 justify-content: center;
603 align-items: center
604}
605
606.top-icon .online-dot {
607 background: #fe262a;
608 border-radius: 100%;
609 height: 8px;
610 width: 8px;
611 display: inline-flex;
612 border: 2px solid #fe262a;
613 padding-top: .25rem;
614 margin: 0 .3rem
615}
616
617.models {
618 position: absolute;
619 bottom: .5rem;
620 left: 0;
621 z-index: 9
622}
623
624.models .models-name {
625 font-size: 16px;
626 color: #fff;
627 text-transform: capitalize;
628 font-weight: 500;
629 text-shadow: #000 5px 0 10px;
630}
631
632.models .models-nick {
633
font-size: 14px;
634 color: #1a0710;
635 font-weight: 700;
636
637
638}
639
640.img-col.-cam .video-link {
641 border: 2px solid transparent;
642 transition: border-color .3s ease 0s;
643}
644
645.img-col.-cam .video-link:focus,
646.img-col.-cam .video-link:hover {
647 border: 2px solid rgba(18,3,35,0.8)
648}
649.img-col:not(.-cam) .video-link:focus .models .models-name,
650.img-col:not(.-cam) .video-link:hover .models .models-name {
651 color: #FF262A
652}
653
654.content {
655 margin-left: 14.5rem;
656 height: auto;
657 flex: 1
658}
659
660@media (max-width:800px) {
661 .content {
662 margin-left: 0
663 }
664}
665
666.nav-pills .nav-link.active,
667.nav-pills .show>.nav-link {
668 color: #fff;
669 background: #1a0710;
670 border: 0;
671 border-bottom-right-radius: 0;
672 border-bottom-left-radius: 0;
673
font-size: 14px;
674}
675
676.nav-pills .nav-link {
677 /* background: #7c7c7c; */
678 color: #000;
679 border: 0;
680 border-bottom-right-radius: 0;
681 border-bottom-left-radius: 0;
682 height: 30px;
683 margin-right: .4rem;
684 font-weight: 500;
685
font-size: 14px;
686 text-transform: uppercase
687}
688
689@media (max-width:560px) {
690 .nav-pills .nav-link {
691 font-size: 16px;
692 margin-right: .1rem
693 }
694}
695
696
697
698.nav-item {
699 display: flex;
700 justify-content: center;
701 align-items: center
702}
703
704.tab-content {
705
706 border: 1px solid #491630;
707
708}
709
710
711
712
713
714.card .card-title {
715 background: #1c1c1c;
716 border-bottom: 2px solid #121212
717}
718
719.card .card-body {
720 padding: 2rem;
721 height: calc(100% - 3.5rem);
722
723
724}
725
726.card .card-body .form-input label {
727 margin-left: .5rem;
728 font-size: 18px;
729 font-weight: 400
730}
731
732.card .card-body .form-input input,
733.card .card-body .form-input textarea {
734 height: 36px;
735 border: 1px solid #c8c8c8;
736 border-radius: .75rem;
737 display: flex;
738 align-items: center
739}
740
741.card .card-body .fr__link {
742 color: #fe262a !important;
743 text-decoration: none
744}
745
746.card .card-body .fr__link:hover {
747 text-decoration: underline
748}
749
750.form-input>.form-control,
751.form-input>.form-select {
752 position: relative;
753 flex: 1 1 auto;
754 width: 100%;
755 min-width: 0;
756 color: #c8c8c8;
757 background: #121212;
758 border: none
759}
760
761.captcha {
762 display: flex;
763 align-items: center
764}
765
766.captcha .captcha__img {
767 width: 6.25rem;
768 height: 2.5rem;
769 margin-right: .375rem
770}
771
772.captcha .captcha__input {
773 flex-grow: 1
774}
775
776.forms {
777 min-height: 75vh
778}
779
780body {
781 color: #000;
782 background: #ededed;
783 font-family: 'Open Sans', sans-serif !important;
784}
785
786a,
787a:hover {
788 color: #fff;
789 text-decoration: none
790}
791
792.img-col {
793 width: 20%;
794}
795.img-col.-cam {
796 opacity: 0;
797 transition: opacity .3s ease 0s;
798
799}
800
801@media (max-width:1600px) {
802 .img-col {
803 width: 25%;
804 }
805}
806
807@media (max-width:1280px) {
808 .img-col {
809 width: 33%
810 }
811}
812
813@media (max-width:1100px) {
814 .img-col {
815 width: 33%
816 }
817}
818
819@media (max-width:992px) {
820 .img-col {
821 width: 50%
822 }
823}
824
825@media (max-width:602px) {
826 .img-col {
827 width: 100%
828 }
829}
830
831.col-tab-left {
832 width: 16%
833}
834
835@media (max-width:1920px) {
836 .col-tab-left {
837 width: 22%
838 }
839}
840
841@media (max-width:1620px) {
842 .col-tab-left {
843 width: 27%
844 }
845}
846
847@media (max-width:1366px) {
848 .col-tab-left {
849 width: 30%
850 }
851}
852
853@media (max-width:1100px) {
854 .col-tab-left {
855 width: 52%
856 }
857}
858
859@media (max-width:640px) {
860 .col-tab-left {
861 width: 100%
862 }
863}
864
865.col-tab-right {
866 width: 78%
867}
868
869@media (max-width:1620px) {
870 .col-tab-right {
871 width: 72%
872 }
873}
874
875@media (max-width:1366px) {
876 .col-tab-right {
877 width: 68%
878 }
879}
880
881@media (max-width:1100px) {
882 .col-tab-right {
883 width: 100%
884 }
885}
886
887@media (max-width:640px) {
888 .col-tab-right {
889 width: 100%
890 }
891}
892
893.light-dark-bk {
894 background: #161616
895}
896
897.rows-select {
898 max-width: 100%
899}
900
901.form-select {
902 padding: .3125rem 3rem .3125rem 1rem;
903 background-image: url(../images/angle-down.svg) !important;
904 background-repeat: no-repeat, repeat !important;
905 background-position: right 1rem center !important;
906 border-radius: .25rem;
907
-moz-appearance: none;
908
-webkit-appearance: none;
909 appearance: none;
910 border: 1px solid #d8e2ef;
911 color: #fff !important;
912 background-size: 1rem !important;
913 background-color: #fff;
914 box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
915 outline: none
916}
917
918.custom-25 {
919 width: 25%
920}
921
922@media (max-width:1100px) {
923 .custom-25 {
924 width: 100%;
925 text-align: center
926 }
927}
928
929.custom-50 {
930 width: 50%
931}
932
933@media (max-width:1100px) {
934 .custom-50 {
935 width: 100%;
936 text-align: center
937 }
938}
939
940.custom-75 {
941 width: 75%
942}
943
944@media (max-width:1366px) {
945 .custom-75 {
946 width: 100%;
947 text-align: center
948 }
949}
950
951.custom-80 {
952 width: 80%
953}
954
955@media (max-width:769px) {
956 .custom-80 {
957 width: 100%
958 }
959}
960
961.custom-90 {
962 width: 90%
963}
964
965@media (max-width:769px) {
966 .custom-90 {
967 width: 100%
968 }
969}
970
971.custom-95 {
972 width: 95%
973}
974
975@media (max-width:1100px) {
976 .custom-95 {
977 text-align: center
978 }
979}
980
981.custom-100 {
982 width: 100%;
983}
984@media(min-width: 810px) {
985 .custom-100 {
986 padding-left: 0px !important;
987 }
988}
989
990@media (max-width:1100px) {
991 .custom-100 {
992 text-align: center
993 }
994}
995
996.background-none {
997 background: none
998}
999
1000.header-row .text-header {
1001 font-size: 22px;
1002 color: #000;
1003 font-weight: 600;
1004 white-space: nowrap
1005}
1006
1007@media (max-width:1190px) {
1008 .header-row .text-header {
1009 margin: 0;
1010 white-space: normal
1011 }
1012}
1013
1014.header-row .text-subhader {
1015 color: #1a0710;
1016 font-size: 16px;
1017 font-weight: 500;
1018 white-space: nowrap
1019}
1020
1021@media (max-width:1190px) {
1022 .header-row .text-subhader {
1023 margin: 0;
1024 white-space: normal
1025 }
1026}
1027
1028.tab-text-header,
1029.tab-text-subheader {
1030 font-size: 16px;
1031 font-weight: 300;
1032 text-transform: uppercase
1033}
1034
1035.tab-text-subheader {
1036 color: #d00482;
1037 font-weight: 400;
1038 margin-left: .5rem
1039}
1040
1041.description {
1042 font-size: 16px;
1043 text-align: left;
1044 font-weight: 300;
1045 line-height: 1.2
1046}
1047
1048@media only screen and (max-width:992px) {
1049 .first {
1050 order: 2
1051 }
1052 .second {
1053 order: 1
1054 }
1055}
1056
1057.login,
1058.main-btn,
1059.sign-up {
1060 margin: 0 1rem;
1061 display: flex;
1062 align-items: center;
1063 justify-content: center;
1064 color: #fff;
1065 padding: .5rem 1.5rem;
1066 font-size: 18px;
1067 text-transform: uppercase;
1068 height: 36px;
1069 cursor: pointer;
1070 font-weight: 500;
1071 white-space: nowrap
1072}
1073
1074@media (max-width:1369px) {
1075 .login,
1076 .main-btn,
1077 .sign-up {
1078 padding: .5rem;
1079 margin: 0 .2rem
1080 }
1081}
1082
1083.login:hover,
1084.main-btn:hover,
1085.sign-up:hover {
1086 color: #fff
1087}
1088.main-btn {
1089 background-color: #42132a;
1090 color: #fff;
1091}
1092.main-btn:hover {
1093 background-color: #5C2D44;
1094 color: #fff;
1095}
1096
1097.join {
1098
1099}
1100
1101.join-btn {
1102 border-radius: .75rem;
1103 border: 2px solid #ff8b45;
1104 background: #ff8b45;
1105 font-size: 18px;
1106 height: 44px;
1107 width: 100%;
1108 font-weight: 700
1109}
1110
1111.join-btn,
1112.join-chatroom {
1113 display: flex;
1114 align-items: center;
1115 justify-content: center;
1116 color: #fff;
1117 padding: .5rem 1.5rem;
1118 text-transform: uppercase;
1119 cursor: pointer;
1120 white-space: nowrap
1121}
1122
1123.join-chatroom {
1124 border-radius: .75rem;
1125 border: 2px solid #FF262A;
1126 background: #FF262A;
1127 margin: 5rem auto;
1128 font-size: 22px;
1129 height: 119px;
1130 width: 482px;
1131 font-weight: 600
1132}
1133
1134.stage {
1135 display: block
1136}
1137
1138.stage .inner-stage {
1139 display: block;
1140 position: relative;
1141 overflow: hidden;
1142 height: 0;
1143 padding-top: 56.25%;
1144 margin: 0!important;
1145}
1146.stage.-site-1 .inner-stage {
1147 padding-top: 56.75%;
1148}
1149.stage.-site-11 .inner-stage {
1150 padding-top: 33.55%;
1151}
1152.stage.-site-2 .inner-stage {
1153 padding-top: 47.5%;
1154}
1155.stage.-site-5 .inner-stage {
1156 padding-top: 50%;
1157}
1158.stage.-site-8 .inner-stage {
1159 padding-top: 54.5%;
1160}
1161
1162.stage .inner-stage>#thisPlayer,
1163.stage .inner-stage>iframe,
1164.stage .inner-stage>img,
1165.stage .inner-stage>object,
1166.stage .inner-stage>video {
1167 position: absolute;
1168 top: 0;
1169 bottom: 0;
1170 left: 0;
1171 right: 0;
1172 width: 100% !important;
1173 height: 100% !important
1174}
1175
1176.video-container {
1177
1178}
1179
1180section {
1181 padding: 0px 0
1182}
1183
1184.top-bar-img {
1185 width: 100%;
1186 height: 30px;
1187 background-color: #ffffff;
1188
font-size: 14px;
1189 padding-top: 5px;
1190 text-align: right;
1191 padding-right: 10px;
1192}
1193.top-bar-img a {
1194 color: #000;
1195 font-weight: 600;
1196 margin-left: 10px;
1197 padding-left: 10px;
1198 padding-right: 10px;
1199 border: 1px solid black;
1200 border-radius: 3px;
1201}
1202
1203.bottom-bar-img {
1204 width: 100%;
1205 height: 0px;
1206 background-color: #ffffff;
1207}
1208
1209.notification-col {
1210 flex: 1 0 100%;
1211}
1212.alert,
1213.messages,
1214.notification {
1215 padding: .9375rem;
1216 margin-bottom: 1.375rem;
1217 border: .0625rem solid transparent;
1218 border-radius: .25rem
1219}
1220.notification.info {
1221 background-color: #d9edf7;
1222 border-color: #bce8f1;
1223 color: #31708f;
1224
1225}
1226.notification.alert {
1227 background-color: #fcf8e3;
1228 border-color: #faebcc;
1229 color: #8a6d3b;
1230
1231}
1232.notification.error {
1233 background-color: #f2dede;
1234 border-color: #ebccd1;
1235 color: #a94442;
1236
1237}
1238.notification.success {
1239 background-color: #dff0d8;
1240 border-color: #d6e9c6;
1241 color: #3c763d;
1242
1243}
1244
1245.alert-info p,
1246.notification p {
1247 margin: 0;
1248
1249}
1250.alert-info a,
1251.notification a {
1252 color: #ffffff !important;
1253 text-decoration: none
1254}
1255.alert-info a:hover,
1256.notification a:hover {
1257 text-decoration: underline
1258}
1259
1260.login:hover {
1261 background-color: #FF262A;
1262 border-color: #ffffff;
1263}
1264
1265.sign-up:hover {
1266 border-color: #ffffff;
1267}
1268/*# sourceMappingURL=style.css.map */
1269
1270#dataContent {
1271 height: 150px;
1272 transition: height .3s ease 0s;
1273}
1274
1275.img-col.-cam .thumbnail-card {
1276 position: relative;
1277}
1278
1279.add-to-fav {
1280 position: absolute;
1281 top: 5px;
1282 left: 10px;
1283 display: flex;
1284 align-items: center;
1285 justify-content: center;
1286 font-size: 24px;
1287 color: red;
1288 z-index: 2;
1289 opacity: 1;
1290 width: 30px;
1291 height: 30px;
1292 transition: opacity .3s ease 0s;
1293}
1294.img-col.-cam .item-info {
1295 position: absolute;
1296 bottom: 0;
1297 left: 0;
1298 right: 0;
1299 overflow: hidden;
1300 display: flex;
1301 flex-wrap: wrap;
1302 align-items: center;
1303 background-color: rgba(18,3,35,0.8);
1304 z-index: 2;
1305 padding: 10px 20px;
1306 height: 50px;
1307 transition: height .3s ease 0s;
1308}
1309.img-col.-cam .item-info .item-name {
1310 flex: 1;
1311 line-height: 30px;
1312 max-width: calc(100% - 60px);
1313 overflow: hidden;
1314 white-space: nowrap;
1315 text-overflow: ellipsis;
1316 display: block;
1317 text-align: left;
1318}
1319.img-col.-cam .item-info .item-sub-info {
1320 flex: 1 0 100%;
1321 max-width: 100%;
1322 margin-top: 10px;
1323}
1324.img-col.-cam .item-info .item-sub-info .label {
1325 display: block;
1326
font-size: 12px;
1327 line-height: 1.1;
1328 color: #d00482;
1329}
1330.img-col.-cam .item-info .item-sub-info .desc {
1331
font-size: 14px;
1332 display: block;
1333}
1334
1335.img-col.-cam .item-sites {
1336 position: absolute;
1337 top: 10px;
1338 right: 10px;
1339 max-width: 100px;
1340 opacity: 1;
1341 z-index: 2;
1342 transition: opacity .3s ease 0s;
1343}
1344@media(min-width: 1040px) {
1345 .add-to-fav {
1346 opacity: 0;
1347 }
1348 .img-col.-cam .item-sites {
1349 opacity: 0;
1350 }
1351 .img-col.-cam .thumbnail-card:hover .add-to-fav {
1352 opacity: 1;
1353 }
1354 .img-col.-cam a:hover .item-sites {
1355 opacity: 1;
1356 }
1357 .img-col.-cam a:hover .item-info {
1358 height: 94px;
1359 }
1360}
1361
1362[id^="object_container"] {
1363 float: left;
1364 width: 100%;
1365 height: 0;
1366 display: block;
1367 padding-top: 56.25%;
1368 overflow: hidden;
1369 margin-top: 20px;
1370 margin-bottom: 20px;
1371}
1372[id^="object_container"] iframe {
1373 position: absolute;
1374 top: 0;
1375 bottom: 0;
1376 left: 0;
1377 right: 0;
1378 width: 100% !important;
1379 height: 100% !important;
1380}
1381.modal-content {
1382 color: #000000;
1383}
1384
1385.rating{
1386 display: flex;
1387 align-items: center;
1388}
1389
1390.thumb-up,
1391.thumb-down{
1392 cursor: pointer;
1393 display: inline-flex;
1394 margin-left: 5px;
1395}
1396
1397.thumb-up.disabled,
1398.thumb-down.disabled{
1399 cursor: inherit;
1400}
1401
1402.thumb-up.active rect,
1403.thumb-up.active path,
1404.thumb-down.active rect,
1405.thumb-down.active path{
1406 stroke: #FF262A !important;
1407}
1408
1409#staticPage {
1410 width: 90% !important;
1411 max-width: 1000px;
1412}
1413
1414.captcha-wrapper {
1415 display: flex;
1416 flex-wrap: wrap;
1417 align-items: center;
1418}
1419.captcha-wrapper img {
1420 flex: 0 0 auto;
1421 padding-right: calc(var(--bs-gutter-x) * .5);
1422}
1423.captcha-wrapper input {
1424 position: relative;
1425 flex: 1;
1426 min-width: 0;
1427 color: #c8c8c8;
1428 background: #121212;
1429}
1430.captcha-wrapper input:focus,
1431.captcha-wrapper input:active {
1432 color: #c8c8c8;
1433 background: #121212;
1434}
1435
1436.breadcrumbs a {
1437 background-color: #1a0710;
1438 border-radius: 0.2em;
1439 color: #fff;
1440 display: inline-block;
1441 padding: 0 5px;
1442 white-space: nowrap;
1443
font-size: 12px;
1444 text-align: center;
1445 margin-right: 5px;
1446
1447}
1448
1449.loader {
1450 border: 8px solid #1a0710;
1451 border-top: 8px solid #FF262A;
1452 border-radius: 50%;
1453 width: 90px;
1454 height: 90px;
1455 animation: spin 2s linear infinite;
1456
-webkit-animation: spin 2s linear infinite; /* Safari */
1457 margin: 0 auto;
1458}
1459
1460@-webkit-keyframes spin {
1461 0% { -webkit-transform: rotate(0deg); }
1462 100% { -webkit-transform: rotate(360deg); }
1463}
1464
1465
1466@keyframes spin {
1467 0% { transform: rotate(0deg); }
1468 100% { transform: rotate(360deg); }
1469}
1470
1471footer .header-row .text-header {
1472 font-size: 22px;
1473 color: #fff;
1474}
1475
1476.models .tag-name {
1477 font-size: 16px;
1478 color: #000;
1479 text-transform: capitalize;
1480 font-weight: 500;
1481}