up

assets/css/style-global.css

@@ -730,3 +730,80 @@ table {
 .box-faq .editable-element.editable {
   border: 2px solid #110e83;
 }
+
+.or {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  margin: 20px 0;
+}
+
+.or::before,
+.or::after {
+  content: "";
+  flex: 1;
+  border-bottom: 1px solid #f1f1f1;
+}
+
+.or:not(:empty)::before {
+  margin-right: 10px;
+}
+
+.or:not(:empty)::after {
+  margin-left: 10px;
+}
+
+.box-spec td {
+  padding: 5px !important;
+  text-align: left !important;
+}
+
+.box-spec .content {
+  overflow: hidden;
+  max-height: 630px;
+}
+
+.box-spec .content::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100px;
+  background: -webkit-gradient(
+    linear,
+    left top,
+    left bottom,
+    from(transparent),
+    to(#fff)
+  );
+  background: linear-gradient(transparent, #fff);
+}
+
+.box-spec tr:nth-child(2n) {
+  background: #f5f5f5;
+}
+
+#content-desciption::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100px;
+  background: -webkit-gradient(
+    linear,
+    left top,
+    left bottom,
+    from(transparent),
+    to(#fff)
+  );
+  background: linear-gradient(transparent, #fff);
+}
+
+#content-desciption.active {
+  height: 100% !important;
+}
+#content-desciption.active::after {
+  display: none;
+}